mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-26 15:34:33 +02:00
Code Issues Releases Wiki Activity

refactor: add fill-gaps utility

Browse Source
This commit is contained in:
BcRikko
2019-10-17 16:56:49 +09:00
parent e323e22ee6
commit 287d52aa63
18 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -33,5 +33,6 @@
background: transparent; background: transparent;
@include pixelize($size, $ash, $ash-colors); @include pixelize($size, $ash, $ash-colors);
@include fill-gaps();
} }
} }

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

@@ -35,5 +35,6 @@
background: transparent; background: transparent;
@include pixelize($size, $bcrikko, $bcrikko-colors); @include pixelize($size, $bcrikko, $bcrikko-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/bulbasaur.scss
View File

@@ -35,5 +35,6 @@
background: transparent; background: transparent;
@include pixelize($size, $bulbasaur, $bulbasaur-colors); @include pixelize($size, $bulbasaur, $bulbasaur-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/charmander.scss
View File

@@ -36,5 +36,6 @@
background: transparent; background: transparent;
@include pixelize($size, $charmander, $charmander-colors); @include pixelize($size, $charmander, $charmander-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/kirby.scss
View File

@@ -34,5 +34,6 @@
background: transparent; background: transparent;
@include pixelize($size, $kirby, $kirby-colors); @include pixelize($size, $kirby, $kirby-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/mario.scss
View File

@@ -34,5 +34,6 @@
background: transparent; background: transparent;
@include pixelize($size, $mario, $mario-colors); @include pixelize($size, $mario, $mario-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/nes-icon.scss
View File

@@ -29,5 +29,6 @@
background: transparent; background: transparent;
@include pixelize($size, $logo, $logo-colors); @include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
} }
} }

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

@@ -29,5 +29,6 @@
background: transparent; background: transparent;
@include pixelize($size, $logo, $logo-colors); @include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/octocat.scss
View File

@@ -51,6 +51,7 @@
background: transparent; background: transparent;
@include pixelize($size, $octocat-1, $octocat-colors); @include pixelize($size, $octocat-1, $octocat-colors);
@include fill-gaps();
} }
&.animate::before { &.animate::before {

1
scss/pixel-arts/phone.scss
View File

@@ -39,5 +39,6 @@
background: transparent; background: transparent;
@include pixelize($size, $phone, $phone-colors); @include pixelize($size, $phone, $phone-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/pokeball.scss
View File

@@ -32,5 +32,6 @@
background: transparent; background: transparent;
@include pixelize($size, $pokeball, $pokeball-colors); @include pixelize($size, $pokeball, $pokeball-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/smartphone.scss
View File

@@ -45,5 +45,6 @@
background: transparent; background: transparent;
@include pixelize($size, $smartphone, $smartphone-colors); @include pixelize($size, $smartphone, $smartphone-colors);
@include fill-gaps();
} }
} }

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

@@ -29,5 +29,6 @@
background: transparent; background: transparent;
@include pixelize($size, $logo, $logo-colors); @include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
} }
} }

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

@@ -30,5 +30,6 @@
background: transparent; background: transparent;
@include pixelize($size, $logo, $logo-colors); @include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
} }
} }

1
scss/pixel-arts/squirtle.scss
View File

@@ -35,5 +35,6 @@
background: transparent; background: transparent;
@include pixelize($size, $squirtle, $squirtle-colors); @include pixelize($size, $squirtle, $squirtle-colors);
@include fill-gaps();
} }
} }

1
scss/utilities/_index.scss
View File

@@ -1,6 +1,7 @@
@charset "utf-8"; @charset "utf-8";
@import "animations.scss"; @import "animations.scss";
@import "fill-gaps.scss";
@import "icon-mixin.scss"; @import "icon-mixin.scss";
@import "rounded-corners-mixin.scss"; @import "rounded-corners-mixin.scss";
@import "visually-hidden.scss"; @import "visually-hidden.scss";

5
scss/utilities/fill-gaps.scss Normal file
View File

@@ -0,0 +1,5 @@
// Fill gaps in pixel art dots
// `transform` property conflict when used for nes-icon
@mixin fill-gaps() {
transform: rotate(0);
}

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

@@ -51,7 +51,6 @@
height: $size; height: $size;
color: $default-color; color: $default-color;
box-shadow: unquote($ret); box-shadow: unquote($ret);
transform: rotate(0.0001deg);
// firefox only style // firefox only style
@supports (-moz-appearance: meterbar) { @supports (-moz-appearance: meterbar) {