rob/upn-qr
1
0
Fork 0
mirror of https://gitplac.si/aljaxus/upn-qr.git synced 2025-12-17 04:00:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

animate button stylng

Browse Source
This commit is contained in:
Aljaz S
2021-11-23 14:47:26 +01:00
parent ed884a5dd4
commit 078e07215a
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/template/style.ejs
View File

@@ -75,18 +75,28 @@ button {
outline: solid 1px var(--c-accent); outline: solid 1px var(--c-accent);
padding: 10px; padding: 10px;
vertical-align: top; vertical-align: top;
box-shadow: 3px 3px 1px 1px var(--c-accent); box-shadow: 4px 4px 1px 1px var(--c-accent);
color: var(--c-accent); color: var(--c-accent);
margin: 0 4px 4px 0; margin: 0 4px 4px 0;
cursor: pointer; cursor: pointer;
transition: all ease-in-out .2s;
} }
input[type=submit]:focus, input[type=submit]:focus,
input[type=submit]:focus-visible, input[type=submit]:focus-visible,
input[type=submit]:active, input[type=submit]:hover,
button:focus, button:focus,
button:focus-visible, button:focus-visible,
button:hover {
transition: all ease-in-out .2s;
border: none;
box-shadow: 2px 2px 1px 1px var(--c-accent);
margin: 2px;
}
input[type=submit]:active,
button:active { button:active {
transition: all ease-in-out .2s;
border: none; border: none;
box-shadow: none; box-shadow: none;
margin: 4px 0 0 4px; margin: 4px 0 0 4px;