Mascali
/
shapez
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Minor css improvements to pinned shapes

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