cha0s/humus-old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: shadow-border and pixelated

Browse Source
This commit is contained in:
cha0s 2019-09-22 21:43:41 -05:00
parent 57096c54be
commit 97c54ad177
1 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/ui/menu/item-slot.raw.scss
View File

@ -1,3 +1,5 @@
@import '~graphics.scss';
.item-slot {
position: relative;
border: 1px solid rgba(0, 0, 0, 1);
@ -10,29 +12,18 @@
transition: box-shadow 0.125s;
&:hover {
box-shadow:
-.5px -.5px 1px rgba(255, 255, 255, 1),
.5px .5px 1px rgba(255, 255, 255, 1),
-.5px .5px 1px rgba(255, 255, 255, 1),
.5px -.5px 1px rgba(255, 255, 255, 1)
;
@include shadow-border(0.5px, rgba(255, 255, 255, 1), 1px);
}
}
.item-slot-inner {
@include pixelated;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
image-rendering: optimizeSpeed; /* Older versions of FF */
image-rendering: -moz-crisp-edges; /* FF 6.0+ */
image-rendering: -webkit-optimize-contrast; /* Safari */
image-rendering: -o-crisp-edges; /* OS X & Windows Opera (12.02+) */
image-rendering: pixelated; /* Awesome future-browsers */
-ms-interpolation-mode: nearest-neighbor; /* IE */
.qty {
color: white;
text-shadow: 0.25px 0.25px 0 black;