mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-01-17 21:58:27 +01:00
45 lines
855 B
SCSS
45 lines
855 B
SCSS
.nes-list {
|
|
$disc: (
|
|
(0, 0, 0, 1, 1, 0, 0, 0),
|
|
(0, 0, 1, 1, 1, 1, 0, 0),
|
|
(0, 1, 1, 1, 1, 1, 1, 0),
|
|
(0, 1, 1, 1, 1, 1, 1, 0),
|
|
(0, 0, 1, 1, 1, 1, 0, 0),
|
|
(0, 0, 0, 1, 1, 0, 0, 0)
|
|
);
|
|
|
|
$circle: (
|
|
(0, 0, 0, 1, 1, 0, 0, 0),
|
|
(0, 0, 1, 1, 1, 1, 0, 0),
|
|
(0, 1, 1, 0, 0, 1, 1, 0),
|
|
(0, 1, 1, 0, 0, 1, 1, 0),
|
|
(0, 0, 1, 1, 1, 1, 0, 0),
|
|
(0, 0, 0, 1, 1, 0, 0, 0)
|
|
);
|
|
$colors: ($base-color, map-get($default-colors, "shadow"));
|
|
|
|
list-style-type: none;
|
|
|
|
& li {
|
|
position: relative;
|
|
}
|
|
|
|
&.is-disc li::before {
|
|
position: absolute;
|
|
top: calc(50% - 8px);
|
|
left: -22px;
|
|
content: "";
|
|
|
|
@include pixelize($disc, $colors, 2px);
|
|
}
|
|
|
|
&.is-circle li::before {
|
|
position: absolute;
|
|
top: calc(50% - 8px);
|
|
left: -22px;
|
|
content: "";
|
|
|
|
@include pixelize($circle, $colors, 2px);
|
|
}
|
|
}
|