UI updates
This commit is contained in:
+7
-15
@@ -1,22 +1,14 @@
|
||||
.button {
|
||||
padding: 0.2rem 1rem;
|
||||
margin: 0.3rem 0.3rem;
|
||||
background:#1a3a15;
|
||||
color: rgba(255, 255, 255);
|
||||
.button::after {
|
||||
content: ' \2192';
|
||||
margin-left: 0.5rem;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
transition: 100ms ease-in-out all;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
text-decoration: none;
|
||||
background:#099945;
|
||||
.button:hover::after {
|
||||
transform: translateX(0.2rem) scale(1.1);
|
||||
}
|
||||
|
||||
.button:active {
|
||||
text-decoration: none;
|
||||
box-shadow: none;
|
||||
transform: translate(1px, 1px);
|
||||
.blueButton:hover::after {
|
||||
transform: rotateZ(-45deg) scale(1.5);
|
||||
}
|
||||
Reference in New Issue
Block a user