move button styles to global styles
This commit is contained in:
parent
6195e50b07
commit
c32a5081e9
|
@ -1,6 +1,7 @@
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
padding: 1px 8px;
|
padding: 6px 12px;
|
||||||
background: #04000040;
|
|
||||||
|
background: #0001;
|
||||||
color: #e1e1e1;
|
color: #e1e1e1;
|
||||||
|
|
||||||
border: 1px solid #302020;
|
border: 1px solid #302020;
|
||||||
|
@ -10,4 +11,29 @@ input[type=text] {
|
||||||
margin: 12px 6px;
|
margin: 12px 6px;
|
||||||
|
|
||||||
outline: none;
|
outline: none;
|
||||||
|
transition: 350ms ease;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background: #0002;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
padding: 6px 12px;
|
||||||
|
margin: 3px 2px;
|
||||||
|
|
||||||
|
color: #c2c4c2;
|
||||||
|
background: #0001;
|
||||||
|
|
||||||
|
border: 1px solid #302020;
|
||||||
|
border-radius: 6px;
|
||||||
|
|
||||||
|
transition: 150ms ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
transform: scale(0.98);
|
||||||
|
background: #0004;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -26,23 +26,6 @@
|
||||||
.h2 { animation-delay: 750ms }
|
.h2 { animation-delay: 750ms }
|
||||||
.buttons {
|
.buttons {
|
||||||
animation-delay: 1450ms;
|
animation-delay: 1450ms;
|
||||||
button {
|
|
||||||
background: #0001;
|
|
||||||
border: 1px solid #767876;
|
|
||||||
border-radius: 6px;
|
|
||||||
padding: 6px 12px;
|
|
||||||
margin: 3px 2px;
|
|
||||||
color: #c2c4c2;
|
|
||||||
transition: 150ms ease;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
&:active {
|
|
||||||
transform: scale(0.98);
|
|
||||||
background: #0008;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.made_in {
|
.made_in {
|
||||||
|
|
Loading…
Reference in New Issue