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

refactor(icons): use default color

Browse Source 
ref #60
This commit is contained in:
Joshua Rouzer
2018-12-09 17:29:53 -05:00
parent 04d2296432
commit 55a6e3ac00
6 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scss/icons/icons.scss
View File

@@ -40,14 +40,14 @@
}
&.heart::before {
@include pixelize($icon-heart, $icon-heart-colors, $px);
@include pixelize($icon-heart, $icon-heart-colors, $px, nth($icon-heart-colors, 3));
}
&.heart.is-empty::before {
@include pixelize($icon-heart-empty, $icon-heart-empty-colors, $px);
}
&.star::before {
@include pixelize($icon-star, $icon-star-colors, $px);
@include pixelize($icon-star, $icon-star-colors, $px, nth($icon-star-colors, 3));
}
&.star.is-empty::before {
@include pixelize($icon-star-empty, $icon-star-empty-colors, $px);
@@ -78,15 +78,15 @@
}
&.facebook::before {
@include pixelize($icon-facebook, $icon-facebook-colors, $px);
@include pixelize($icon-facebook, $icon-facebook-colors, $px, nth($icon-facebook-colors, 2));
}
&.github::before {
@include pixelize($icon-github, $icon-github-colors, $px);
@include pixelize($icon-github, $icon-github-colors, $px, nth($icon-github-colors, 2));
}
&.youtube::before {
@include pixelize($icon-youtube, $icon-youtube-colors, $px);
@include pixelize($icon-youtube, $icon-youtube-colors, $px, nth($icon-youtube-colors, 2));
}
&.close::before {

2
scss/pixel-arts/bcrikko.scss
View File

@@ -34,6 +34,6 @@
content: "";
background: transparent;
@include pixelize($bcrikko, $bcrikko-colors, $px);
@include pixelize($bcrikko, $bcrikko-colors, $px, nth($bcrikko-colors, 2));
}
}

2
scss/pixel-arts/nes-jp-icon.scss
View File

@@ -28,6 +28,6 @@
content: "";
background: transparent;
@include pixelize($logo, $logo-colors, $px);
@include pixelize($logo, $logo-colors, $px, nth($logo-colors, 2));
}
}

2
scss/pixel-arts/snes-icon.scss
View File

@@ -28,6 +28,6 @@
content: "";
background: transparent;
@include pixelize($logo, $logo-colors, $px);
@include pixelize($logo, $logo-colors, $px, nth($logo-colors, 2));
}
}

2
scss/pixel-arts/snes-jp-icon.scss
View File

@@ -28,6 +28,6 @@
content: "";
background: transparent;
@include pixelize($logo, $logo-colors, $px);
@include pixelize($logo, $logo-colors, $px, nth($logo-colors, 2));
}
}

15
scss/utilities/icon-mixin.scss
View File

@@ -1,6 +1,9 @@
@mixin pixelize($matrix, $colors, $size) {
@mixin pixelize($matrix, $colors, $size, $default-color: null) {
$ret: "";
$moz: "";
@if ($default-color == null) {
$default-color: nth($colors, 1);
}
@for $i from 1 through length($matrix) {
$row: nth($matrix, $i);
@@ -15,14 +18,20 @@
}
$color: nth($colors, $dot);
$ret: $ret + ($j * $size) + " " + ($i * $size) + " " + $color;
$moz: $moz + ($j * $size)+" "+ ($i * $size)+" 0 0.020em " + $color;
@if $color == $default-color {
$ret: $ret + ($j * $size) + " " + ($i * $size);
$moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em";
} @else {
$ret: $ret + ($j * $size) + " " + ($i * $size) + " " + $color;
$moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em " + $color;
}
}
}
}
width: $size;
height: $size;
color: $default-color;
box-shadow: unquote($ret);
@-moz-document url-prefix() {
-webkit-box-shadow: unquote($moz);