Minor css improvements
This commit is contained in:
parent
faa2ef9bd7
commit
e960773a15
Binary file not shown.
Before Width: | Height: | Size: 877 B After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 927 B |
|
@ -49,34 +49,30 @@
|
|||
border-color: rgba(0, 0, 0, 0.1);
|
||||
@include S(padding, 5px, 5px, 5px);
|
||||
|
||||
border: #{D(2px)} solid rgba(0, 10, 20, 0.2);
|
||||
@include S(border-width, 2px);
|
||||
border-radius: 0 0 #{D(4px)} #{D(4px)};
|
||||
@include S(border-top-width, 10px);
|
||||
@include S(padding-left, 30px);
|
||||
@include S(margin-top, -5px);
|
||||
@include S(margin-right, 3px);
|
||||
@include IncreasedClickArea(10px);
|
||||
@include ButtonText;
|
||||
@include S(min-height, 47px);
|
||||
@include S(min-height, 30px);
|
||||
transition: all 0.12s ease-in-out;
|
||||
transition-property: opacity, transform;
|
||||
display: inline-flex;
|
||||
background: center #{D(10px)} / #{D(20px)} no-repeat;
|
||||
background: center #{D(13px)} / #{D(20px)} no-repeat;
|
||||
background-color: $colorGreenBright;
|
||||
|
||||
&[data-button-id="shop"] {
|
||||
background-color: rgb(141, 70, 223);
|
||||
background-color: rgb(93, 103, 250);
|
||||
background-image: uiResource("icons/shop.png");
|
||||
background-size: #{D(18px)};
|
||||
}
|
||||
&[data-button-id="stats"] {
|
||||
background-color: rgb(53, 235, 113);
|
||||
background-color: rgb(85, 199, 138);
|
||||
background-image: uiResource("icons/statistics.png");
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 0.9;
|
||||
transform: translateY(3px);
|
||||
}
|
||||
|
||||
.keybinding {
|
||||
|
@ -86,7 +82,7 @@
|
|||
border-top-right-radius: 0;
|
||||
bottom: unset;
|
||||
background: transparent;
|
||||
@include S(top, -5px);
|
||||
@include S(top, 0px);
|
||||
right: unset;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
@ -97,9 +93,10 @@
|
|||
}
|
||||
|
||||
&.hasBadge {
|
||||
transform-origin: 50% 0%;
|
||||
@include InlineAnimation(1s ease-in-out infinite) {
|
||||
50% {
|
||||
transform: scale(1.04);
|
||||
transform: scale(1.02);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue