Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2024-10-27 20:34:29 +00:00
Code Issues Projects Releases Wiki Activity

Minor css improvements to pinned shapes

Browse Source
This commit is contained in:
tobspr 2020-06-10 11:38:49 +02:00
parent 67b68c1216
commit e78af50ba1
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/css/ingame_hud/shop.scss
View File

@ -127,23 +127,31 @@
@include DarkThemeInvert;
$disabledOpacity: 0.2;
$enabledOpacity: 0.6;
&:hover {
opacity: 0.7;
opacity: $enabledOpacity + 0.1;
}
&.alreadyPinned {
opacity: 0.3 !important;
opacity: $disabledOpacity !important;
&:hover {
opacity: $disabledOpacity + 0.1 !important;
}
}
&.isGoal {
background: uiResource("icons/current_goal_marker.png") center center / 95% no-repeat;
opacity: 0.3 !important;
background: uiResource("icons/current_goal_marker.png") center center / 95%
no-repeat;
opacity: $disabledOpacity !important;
cursor: default;
pointer-events: none;
}
&.pinned {
opacity: 0.3;
opacity: $disabledOpacity;
@include InlineAnimation(0.3s ease-in-out) {
0% {
opacity: 1;
@ -159,10 +167,13 @@
transform: scale(1);
}
}
&:hover {
opacity: $disabledOpacity + 0.1;
}
}
&.unpinned {
opacity: 0.6;
opacity: $enabledOpacity;
@include InlineAnimation(0.3s ease-in-out) {
0% {
opacity: 1;
@ -178,6 +189,9 @@
transform: scale(1);
}
}
&:hover {
opacity: $enabledOpacity + 0.1;
}
}
}