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);
|
border-color: rgba(0, 0, 0, 0.1);
|
||||||
@include S(padding, 5px, 5px, 5px);
|
@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)};
|
border-radius: 0 0 #{D(4px)} #{D(4px)};
|
||||||
@include S(border-top-width, 10px);
|
|
||||||
@include S(padding-left, 30px);
|
@include S(padding-left, 30px);
|
||||||
@include S(margin-top, -5px);
|
|
||||||
@include S(margin-right, 3px);
|
@include S(margin-right, 3px);
|
||||||
@include IncreasedClickArea(10px);
|
@include IncreasedClickArea(10px);
|
||||||
@include ButtonText;
|
@include ButtonText;
|
||||||
@include S(min-height, 47px);
|
@include S(min-height, 30px);
|
||||||
transition: all 0.12s ease-in-out;
|
transition: all 0.12s ease-in-out;
|
||||||
transition-property: opacity, transform;
|
transition-property: opacity, transform;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
background: center #{D(10px)} / #{D(20px)} no-repeat;
|
background: center #{D(13px)} / #{D(20px)} no-repeat;
|
||||||
background-color: $colorGreenBright;
|
background-color: $colorGreenBright;
|
||||||
|
|
||||||
&[data-button-id="shop"] {
|
&[data-button-id="shop"] {
|
||||||
background-color: rgb(141, 70, 223);
|
background-color: rgb(93, 103, 250);
|
||||||
background-image: uiResource("icons/shop.png");
|
background-image: uiResource("icons/shop.png");
|
||||||
|
background-size: #{D(18px)};
|
||||||
}
|
}
|
||||||
&[data-button-id="stats"] {
|
&[data-button-id="stats"] {
|
||||||
background-color: rgb(53, 235, 113);
|
background-color: rgb(85, 199, 138);
|
||||||
background-image: uiResource("icons/statistics.png");
|
background-image: uiResource("icons/statistics.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
transform: translateY(3px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.keybinding {
|
.keybinding {
|
||||||
|
@ -86,7 +82,7 @@
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
bottom: unset;
|
bottom: unset;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
@include S(top, -5px);
|
@include S(top, 0px);
|
||||||
right: unset;
|
right: unset;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
|
@ -97,9 +93,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hasBadge {
|
&.hasBadge {
|
||||||
|
transform-origin: 50% 0%;
|
||||||
@include InlineAnimation(1s ease-in-out infinite) {
|
@include InlineAnimation(1s ease-in-out infinite) {
|
||||||
50% {
|
50% {
|
||||||
transform: scale(1.04);
|
transform: scale(1.02);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue