1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-18 03:51:21 +02:00
Files
nes.css/scss/elements/lists.scss
2020-01-28 07:34:35 -03:00

56 lines
1.0 KiB
SCSS

@mixin list-before(
$class,
$disc-or-circle,
$colors: ($base-color, map-get($default-colors, "shadow"))
) {
&.is-#{$class} li::before {
position: absolute;
top: calc(50% - 8px);
left: -22px;
content: "";
@include pixelize(2px, $disc-or-circle, $colors);
}
}
.nes-list {
// prettier-ignore
$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)
);
// prettier-ignore
$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)
);
list-style-type: none;
& li {
position: relative;
}
@include list-before("disc", $disc);
@include list-before("circle", $circle);
&.is-dark {
$dark-colors: ($background-color, $base-color);
@include list-before("disc", $disc, $dark-colors);
@include list-before("circle", $circle, $dark-colors);
li {
color: $color-white;
}
}
}