mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-08-31 09:41:47 +02:00
🎉 radiosを追加
This commit is contained in:
4
scss/utilities/_index.scss
Normal file
4
scss/utilities/_index.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@charset "utf-8";
|
||||
|
||||
@import "animations.scss";
|
||||
@import "icon-mixin.scss";
|
9
scss/utilities/animations.scss
Normal file
9
scss/utilities/animations.scss
Normal file
@@ -0,0 +1,9 @@
|
||||
@keyframes blink {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
24
scss/utilities/icon-mixin.scss
Normal file
24
scss/utilities/icon-mixin.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
@mixin pixelize($matrix, $colors, $size) {
|
||||
$ret: "";
|
||||
|
||||
@for $i from 1 through length($matrix) {
|
||||
$row: nth($matrix, $i);
|
||||
|
||||
@for $j from 1 through length($row) {
|
||||
$dot: nth($row, $j);
|
||||
|
||||
@if $dot != 0 {
|
||||
@if $ret != "" {
|
||||
$ret: $ret + ",";
|
||||
}
|
||||
|
||||
$color: nth($colors, $dot);
|
||||
$ret: $ret + ($j * $size) + " " + ($i * $size) + " " + $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
width: $size;
|
||||
height: $size;
|
||||
box-shadow: unquote($ret + ";");
|
||||
}
|
Reference in New Issue
Block a user