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

Merge branch 'develop' into 158-cursor-url

Browse Source
This commit is contained in:
Trezy
2018-12-13 14:50:28 -06:00
committed by GitHub
parent c99e4e3ba4 9fd5a6f47f
commit 5f21e52a32
9 changed files with 166 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
scss/elements/_index.scss
View File

@@ -4,6 +4,7 @@
@import "containers.scss";
@import "radios.scss";
@import "checkboxes.scss";
@import "lists.scss";
@import "balloons.scss";
@import "tables.scss";
@import "progress.scss";

44
scss/elements/lists.scss Normal file
View File

@@ -0,0 +1,44 @@
.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);
}
}

20
scss/icons/gmail.scss Normal file
View File

@@ -0,0 +1,20 @@
$icon-gmail-colors: (#eeecec, #fd2b2b);
// prettier-ignore
$icon-gmail: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
(2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
(2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2),
(2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2),
(2,2,1,1,2,2,1,1,1,1,2,2,1,1,2,2),
(2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
(2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
(0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);

10
scss/icons/icons.scss
View File

@@ -13,6 +13,8 @@
@import "twitch.scss";
@import "reddit.scss";
@import "whatsapp.scss";
@import "gmail.scss";
@import "linkedin.scss";
// others
@import "close.scss";
@@ -112,6 +114,14 @@
&.whatsapp::before {
@include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
}
&.gmail::before {
@include pixelize($icon-gmail, $icon-gmail-colors, $px);
}
&.linkedin::before {
@include pixelize($icon-linkedin, $icon-linkedin-colors, $px);
}
}
// default

20
scss/icons/linkedin.scss Normal file
View File

@@ -0,0 +1,20 @@
$icon-linkedin-colors: (#fff, #2577b9);
// prettier-ignore
$icon-linkedin: (
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,1,1,1,2,1,1,1,2,2,2),
(2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
);