mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-08 21:30:47 +02:00
Code Issues Releases Wiki Activity

fix: fix pixelize for icon elements

Browse Source 
fix #262
This commit is contained in:
BcRikko
2019-01-30 17:39:23 +09:00
parent a4016dce9f
commit d5213ff434
15 changed files with 150 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
scss/pixel-arts/ash.scss
View File

@@ -1,7 +1,5 @@
.nes-ash {
// prettier-ignore
$ash-colors: (#f8f8ff, #ff614e, #007f7f,
#181818, #ffe3c5, #426adb, #4169e1);
$ash-colors: (#f8f8ff, #ff614e, #007f7f, #181818, #ffe3c5, #426adb, #4169e1);
// prettier-ignore
$ash: (
(0,0,0,0,4,4,4,4,4,4,0,0,0,0),
@@ -20,20 +18,20 @@
(4,3,3,4,4,4,4,4,3,3,4,0,0,0),
(0,4,4,0,0,0,0,0,4,4,0,0,0,0)
);
$size: 6px;
position: relative;
display: inline-block;
width: calc(1em * 14);
height: calc(1em * 15);
font-size: 6px;
width: $size * length(nth($ash, 1));
height: $size * length($ash);
&::before {
position: absolute;
top: -1em;
left: -1em;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($ash, $ash-colors);
@include pixelize($size, $ash, $ash-colors);
}
}