aria/buymymojo.net
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

First release

Browse source
This commit is contained in:
Owen Quinlan 2021-07-02 19:29:34 +10:00
commit fa6c85266e
2339 changed files with 761050 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
node_modules/nes.css/scss/base/_index.scss generated vendored Normal file
View file

@ -0,0 +1,6 @@
@charset "utf-8";
@import "reboot.scss";
@import "color-palette.scss";
@import "variables.scss";
@import "generic.scss";

72
node_modules/nes.css/scss/base/color-palette.scss generated vendored Normal file
View file

@ -0,0 +1,72 @@
// https://en.wikipedia.org/wiki/List_of_video_game_console_palettes#NES
$color-black: #212529;
$color-white: #fff;
$color-00: #7c7c7c;
$color-01: #0000fc;
$color-02: #0000bc;
$color-03: #4428bc;
$color-04: #940084;
$color-05: #a80020;
$color-06: #a81000;
$color-07: #881400;
$color-08: #503000;
$color-09: #007800;
$color-0A: #006800;
$color-0B: #005800;
$color-0C: #004058;
$color-0D: #000;
$color-0E: #000;
$color-0F: #000;
$color-10: #bcbcbc;
$color-11: #0078f8;
$color-12: #0058f8;
$color-13: #6844fc;
$color-14: #d800cc;
$color-15: #e40058;
$color-16: #f83800;
$color-17: #e45c10;
$color-18: #ac7c00;
$color-19: #00b800;
$color-1A: #00a800;
$color-1B: #00a844;
$color-1C: #088;
$color-1D: #000;
$color-1E: #000;
$color-1F: #000;
$color-20: #f8f8f8;
$color-21: #3cbcfc;
$color-22: #6888fc;
$color-23: #9878f8;
$color-24: #f878f8;
$color-25: #f85898;
$color-26: #f87858;
$color-27: #fca044;
$color-28: #f8b800;
$color-29: #b8f818;
$color-2A: #58d854;
$color-2B: #58f898;
$color-2C: #00e8d8;
$color-2D: #787878;
$color-2E: #000;
$color-2F: #000;
$color-30: #fcfcfc;
$color-31: #a4e4fc;
$color-32: #b8b8f8;
$color-33: #d8b8f8;
$color-34: #f8b8f8;
$color-35: #f8a4c0;
$color-36: #f0d0b0;
$color-37: #fbdfa6;
$color-38: #f8d878;
$color-39: #d8f878;
$color-3A: #b8f8b8;
$color-3B: #b8f8d8;
$color-3C: #00fcfc;
$color-3D: #d8d8d8;
$color-3E: #000;
$color-3F: #000;

43
node_modules/nes.css/scss/base/generic.scss generated vendored Normal file
View file

@ -0,0 +1,43 @@
// Override reboot.scss
html,
body,
pre,
code,
kbd,
samp {
font-family: $font-family;
}
html {
cursor: $cursor-url, auto;
}
body {
font-size: $font-size;
color: $base-color;
background-color: $background-color;
-webkit-font-smoothing: antialiased;
}
label {
cursor: inherit;
}
a,
button {
cursor: $cursor-click-url, pointer;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
}
// Prevent stray pixels on focused inputs such as checkboxes and radios
input[type="radio"],
input[type="checkbox"] {
outline: 0;
}

340
node_modules/nes.css/scss/base/reboot.scss generated vendored Normal file
View file

@ -0,0 +1,340 @@
/*!
* Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}

41
node_modules/nes.css/scss/base/variables.scss generated vendored Normal file
View file

@ -0,0 +1,41 @@
// Font
$font-family: "Press Start 2P" !default;
$font-size: 16px !default;
$base-color: $color-black !default;
$background-color: $color-white !default;
$cursor-url: url(get-file-as-data-uri("../assets/cursor.png")) !default;
$cursor-click-url: url(get-file-as-data-uri("../assets/cursor-click.png")) 14 0 !default;
$border-size: 4px !default;
$default-colors: (
normal: $background-color,
hover: #e7e7e7,
shadow: #adafbc
) !default;
$disabled-colors: (
normal: #d3d3d3,
shadow: #adafbc
) !default;
$primary-colors: (
normal: #209cee,
hover: #108de0,
shadow: #006bb3
) !default;
$success-colors: (
normal: #92cc41,
hover: #76c442,
shadow: #4aa52e
) !default;
$warning-colors: (
normal: #f7d51d,
hover: #f2c409,
shadow: #e59400
) !default;
$error-colors: (
normal: #e76e55,
hover: #ce372b,
shadow: #8c2022
) !default;

1
node_modules/nes.css/scss/components/_index.scss generated vendored Normal file
View file

@ -0,0 +1 @@
@charset "utf-8";

12
node_modules/nes.css/scss/elements/_index.scss generated vendored Normal file
View file

@ -0,0 +1,12 @@
@charset "utf-8";
@import "avatar.scss";
@import "badges.scss";
@import "balloons.scss";
@import "buttons.scss";
@import "containers.scss";
@import "dialogs.scss";
@import "lists.scss";
@import "progress.scss";
@import "tables.scss";
@import "text.scss";

23
node_modules/nes.css/scss/elements/avatar.scss generated vendored Normal file
View file

@ -0,0 +1,23 @@
@mixin img-style($param) {
$size: $param * 16;
width: $size;
height: $size;
&.is-rounded {
border-radius: 50px;
}
}
.nes-avatar {
@include img-style(2px);
&.is-small {
@include img-style(1px);
}
&.is-medium {
@include img-style(3px);
}
&.is-large {
@include img-style(4px);
}
}

105
node_modules/nes.css/scss/elements/badges.scss generated vendored Normal file
View file

@ -0,0 +1,105 @@
@mixin span-style-is-icon($color, $background-color, $display, $width, $font-size) {
display: $display;
align-items: center;
justify-content: center;
width: $width;
font-size: $font-size;
color: $color;
text-align: center;
background-color: $background-color;
}
@mixin span-style($color, $background, $option, $width: 50%) {
position: absolute;
top: 0;
width: $width;
color: $color;
text-align: center;
background-color: $background;
@if $option == left {
left: 0;
} @else if $option == right {
right: 0;
}
}
@mixin badge-style($color, $background, $option: is-default) {
$box-shadow-first-two: 0 0.5em $background, 0 -0.5em $background;
@if $option == is-splited {
&:first-child {
@include span-style($color, $background, left);
box-shadow: $box-shadow-first-two, 0 0 $background, -0.5em 0 $background;
}
&:last-child {
@include span-style($color, $background, right);
box-shadow: $box-shadow-first-two, 0.5em 0 $background, 0 0 $background;
}
} @else if $option == is-icon {
&:first-child {
@include span-style-is-icon($color, $background, flex, 2.7em, 0.5em);
position: absolute;
top: -2.8em;
left: -2.7em;
height: 2.7em;
}
&:last-child {
@include span-style-is-icon($color, $background, inline-block, 6em, 0.88em);
box-shadow: $box-shadow-first-two, 0.5em 0 $background, -0.5em 0 $background;
}
} @else {
&:first-child {
@include span-style($color, $background, 0, 100%);
box-shadow: $box-shadow-first-two, 0.5em 0 $background, -0.5em 0 $background;
}
}
}
// Default style
.nes-badge {
$em: 0.75em;
position: relative;
display: inline-block;
width: $em * 14;
height: $em * 2.5;
margin: 0.5em;
font-size: $em * 1.2;
white-space: nowrap;
vertical-align: top;
user-select: none;
// Other styles
// prettier-ignore
$types:
"dark" $background-color $base-color,
"primary" $background-color map-get($primary-colors, "normal"),
"success" $background-color map-get($success-colors, "normal"),
"warning" $base-color map-get($warning-colors, "normal"),
"error" $background-color map-get($error-colors, "normal");
@each $type in $types {
&.is-splited {
& span.is-#{nth($type, 1)} {
@include badge-style(nth($type, 2), nth($type, 3), is-splited);
}
}
&.is-icon {
width: $em * 7;
& span.is-#{nth($type, 1)} {
@include badge-style(nth($type, 2), nth($type, 3), is-icon);
}
}
& span.is-#{nth($type, 1)} {
@include badge-style(nth($type, 2), nth($type, 3));
}
}
}

135
node_modules/nes.css/scss/elements/balloons.scss generated vendored Normal file
View file

@ -0,0 +1,135 @@
@mixin box-shadow($color, $fromLeft: true) {
@if $fromLeft {
// prettier-ignore
box-shadow:
-4px 0,
4px 0,
-4px 4px $color,
0 4px,
-8px 4px,
-4px 8px,
-8px 8px;
} @else {
// prettier-ignore
box-shadow:
-4px 0,
4px 0,
4px 4px $color,
0 4px,
8px 4px,
4px 8px,
8px 8px;
}
}
.nes-balloon {
@include rounded-corners();
position: relative;
display: inline-block;
padding: 1rem 1.5rem;
margin: 8px;
margin-bottom: 30px;
background-color: $background-color;
> :last-child {
margin-bottom: 0;
}
&::before,
&::after {
position: absolute;
content: "";
}
&.is-dark {
@include rounded-corners(true);
color: $background-color;
background: $base-color;
border-image-outset: 2;
box-shadow: 0 0 0 8px $base-color;
&.from-left,
&.from-right {
&::before {
background-color: $base-color;
border-color: $background-color;
}
&::after {
color: $background-color;
background-color: $base-color;
}
}
&.from-left {
&::before {
box-shadow: -5px 10px 0 6px $base-color;
}
&::after {
@include box-shadow($base-color);
}
}
&.from-right {
&::before {
box-shadow: 5px 10px 0 6px $base-color;
}
&::after {
@include box-shadow($base-color, false);
}
}
}
&.from-left {
&::before,
&::after {
left: 2rem;
}
&::before {
bottom: -14px;
width: 26px;
height: 10px;
background-color: $background-color;
border-right: 4px solid $base-color;
border-left: 4px solid $base-color;
}
&::after {
bottom: -18px;
width: 18px;
height: 4px;
margin-right: 8px;
color: $base-color;
background-color: $background-color;
@include box-shadow($background-color);
}
}
&.from-right {
&::before,
&::after {
right: 2rem;
}
&::before {
bottom: -14px;
width: 26px;
height: 10px;
background-color: $background-color;
border-right: 4px solid $base-color;
border-left: 4px solid $base-color;
}
&::after {
bottom: -18px;
width: 18px;
height: 4px;
margin-left: 8px;
background-color: $background-color;
@include box-shadow($background-color, false);
}
}
}

87
node_modules/nes.css/scss/elements/buttons.scss generated vendored Normal file
View file

@ -0,0 +1,87 @@
@mixin btn-style($color, $background, $hover-background, $shadow) {
color: $color;
background-color: $background;
&::after {
position: absolute;
top: -$border-size;
right: -$border-size;
bottom: -$border-size;
left: -$border-size;
content: "";
box-shadow: inset -4px -4px $shadow;
}
&:hover {
color: $color;
text-decoration: none;
background-color: $hover-background;
&::after {
box-shadow: inset -6px -6px $shadow;
}
}
&:focus {
box-shadow: 0 0 0 6px rgba($shadow, 0.3);
}
&:active:not(.is-disabled)::after {
box-shadow: inset 4px 4px $shadow;
}
}
// Default style
.nes-btn {
@include compact-rounded-corners();
position: relative;
display: inline-block;
padding: 6px 8px;
margin: $border-size;
text-align: center;
vertical-align: middle;
cursor: $cursor-click-url, pointer;
user-select: none;
@include btn-style(
$base-color,
map-get($default-colors, "normal"),
map-get($default-colors, "hover"),
map-get($default-colors, "shadow")
);
&:focus {
outline: 0;
}
&.is-disabled,
&.is-disabled:hover,
&.is-disabled:focus {
color: $base-color;
cursor: not-allowed;
background-color: map-get($disabled-colors, "normal");
box-shadow: inset -4px -4px map-get($disabled-colors, "shadow");
opacity: 0.6;
}
// Other styles
// prettier-ignore
$types:
"primary" $background-color map-get($primary-colors, "normal") map-get($primary-colors, "hover") map-get($primary-colors, "shadow"),
"success" $background-color map-get($success-colors, "normal") map-get($success-colors, "hover") map-get($success-colors, "shadow"),
"warning" $base-color map-get($warning-colors, "normal") map-get($warning-colors, "hover") map-get($warning-colors, "shadow"),
"error" $background-color map-get($error-colors, "normal") map-get($error-colors, "hover") map-get($error-colors, "shadow");
@each $type in $types {
&.is-#{nth($type, 1)} {
@include btn-style(nth($type, 2), nth($type, 3), nth($type, 4), nth($type, 5));
}
}
input[type="file"] {
position: absolute;
pointer-events: none;
opacity: 0;
}
}

117
node_modules/nes.css/scss/elements/containers.scss generated vendored Normal file
View file

@ -0,0 +1,117 @@
.nes-container {
position: relative;
padding: 1.5rem 2rem;
border-color: black;
border-style: solid;
border-width: 4px;
> :last-child {
margin-bottom: 0;
}
&.is-centered {
text-align: center;
}
&.is-right {
text-align: right;
}
&.with-title {
> .title {
display: table;
padding: 0 0.5rem;
margin: -1.8rem 0 1rem;
font-size: 1rem;
background-color: $background-color;
}
&.is-centered {
> .title {
margin: -2rem auto 1rem;
}
}
&.is-right {
> .title {
margin: -2rem 0 1rem auto;
}
}
}
&.is-dark {
position: relative;
margin: $border-size;
color: $background-color;
background-color: $base-color;
border-color: white;
&::after {
position: absolute;
top: -$border-size * 1.8;
right: -$border-size * 1.8;
bottom: -$border-size * 1.8;
left: -$border-size * 1.8;
z-index: -1;
content: "";
background-color: $base-color;
}
&.with-title {
> .title {
color: $background-color;
background-color: $base-color;
}
}
}
&.is-rounded {
@include rounded-corners();
padding: 1rem 1.5rem;
margin: $border-size;
&.with-title {
> .title {
margin-top: -1.5rem;
}
&.is-centered {
> .title {
margin: -1.5rem auto 1rem;
}
}
&.is-right {
> .title {
margin: -1.5rem 0 1rem auto;
}
}
}
&.is-dark {
@include rounded-corners(true);
&::after {
content: none;
}
&.with-title {
> .title {
margin-top: -1.3rem;
}
&.is-centered {
> .title {
margin: -1.3rem auto 1rem;
}
}
&.is-right {
> .title {
margin: -1.3rem 0 1rem auto;
}
}
}
}
}
}

37
node_modules/nes.css/scss/elements/dialogs.scss generated vendored Normal file
View file

@ -0,0 +1,37 @@
.nes-dialog {
padding: 1.5rem 2rem;
border-width: $border-size;
> .backdrop,
&::backdrop {
background-color: rgba(0, 0, 0, 0.3);
}
> :last-child {
margin-bottom: 0;
}
&.is-rounded {
@include rounded-corners();
&.is-dark {
@include rounded-corners(true);
}
}
&.is-dark {
color: $background-color;
background-color: $base-color;
border-color: $background-color;
&:not(.is-rounded)::before {
position: absolute;
top: -$border-size * 2;
right: -$border-size * 2;
bottom: -$border-size * 2;
left: -$border-size * 2;
z-index: -1;
content: "";
border: $border-size solid $base-color;
}
}
}

46
node_modules/nes.css/scss/elements/lists.scss generated vendored Normal file
View file

@ -0,0 +1,46 @@
.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)
);
$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(2px, $disc, $colors);
}
&.is-circle li::before {
position: absolute;
top: calc(50% - 8px);
left: -22px;
content: "";
@include pixelize(2px, $circle, $colors);
}
}

111
node_modules/nes.css/scss/elements/progress.scss generated vendored Normal file
View file

@ -0,0 +1,111 @@
.nes-progress {
@include compact-rounded-corners();
width: 100%;
height: 48px;
margin: 4px;
color: $base-color;
background-color: $background-color;
-webkit-appearance: none;
appearance: none;
@mixin progress-style($color) {
&::-webkit-progress-bar {
background-color: $background-color;
}
&::-webkit-progress-value {
background-color: $color;
}
&::-moz-progress-bar {
background-color: $color;
}
&::-ms-fill {
background-color: $color;
border: none;
}
}
@include progress-style($base-color);
&.is-rounded {
@include rounded-corners();
}
&.is-primary {
@include progress-style(map-get($primary-colors, "normal"));
}
&.is-success {
@include progress-style(map-get($success-colors, "normal"));
}
&.is-warning {
@include progress-style(map-get($warning-colors, "normal"));
}
&.is-error {
@include progress-style(map-get($error-colors, "normal"));
}
&.is-pattern {
&::-webkit-progress-value {
background-color: $base-color;
background-image: linear-gradient(
45deg,
$background-color 25%,
transparent 25%,
transparent 75%,
$background-color 75%,
$background-color
),
linear-gradient(
45deg,
$background-color 25%,
transparent 25%,
transparent 75%,
$background-color 75%,
$background-color
);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
}
&::-moz-progress-bar {
background-color: $base-color;
background-image: -moz-linear-gradient(
45deg,
$background-color 25%,
transparent 25%,
transparent 75%,
$background-color 75%,
$background-color
),
-moz-linear-gradient(45deg, $background-color 25%, transparent 25%, transparent 75%, $background-color
75%, $background-color);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
}
&::-ms-fill {
background-color: $base-color;
background-image: linear-gradient(
45deg,
$background-color 25%,
transparent 25%,
transparent 75%,
$background-color 75%,
$background-color
),
linear-gradient(
45deg,
$background-color 25%,
transparent 25%,
transparent 75%,
$background-color 75%,
$background-color
);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
border: none;
}
}
}

113
node_modules/nes.css/scss/elements/tables.scss generated vendored Normal file
View file

@ -0,0 +1,113 @@
.nes-table-responsive {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.nes-table {
table-layout: fixed;
background-color: $background-color;
tr {
margin-left: -0.25em;
}
th,
td {
position: relative;
padding: 0.5rem;
word-wrap: break-word;
border-color: $base-color;
border-style: solid;
border-width: 0 0.25em 0.25em 0;
&:last-child {
border-right-width: 0;
}
&::after,
&::before {
position: absolute;
display: block;
width: 0.25em;
height: 0.25em;
content: "";
background-color: $base-color;
}
&::after {
bottom: -0.25em;
left: -0.25em;
}
&::before {
top: -0.25em;
right: -0.25em;
}
&:last-child::before {
top: initial;
bottom: -0.25em;
}
}
&.is-centered th {
text-align: center;
}
&.is-bordered {
margin: 4px;
border-spacing: 0;
border-collapse: separate;
@include compact-rounded-corners();
}
&.is-dark {
color: $background-color;
background-color: $base-color;
&::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
&.is-bordered {
@include compact-rounded-corners(true);
}
th,
td {
border-color: $background-color;
&::after,
&::before {
display: none;
}
}
}
/*************************************************************************** \
This eliminates the gap between the last row in a table and the border, as
well as hiding the derelict pixels in the bottom right and bottom left of
the last row of a table
\ ***************************************************************************/
tbody,
thead:last-child {
tr:last-child {
th,
td {
border-bottom-width: 0;
&:first-child::after,
&:last-child::before {
display: none;
}
}
}
}
}

21
node_modules/nes.css/scss/elements/text.scss generated vendored Normal file
View file

@ -0,0 +1,21 @@
.nes-text {
&.is-primary {
color: map-get($primary-colors, "normal");
}
&.is-success {
color: map-get($success-colors, "normal");
}
&.is-warning {
color: map-get($warning-colors, "normal");
}
&.is-error {
color: map_get($error-colors, "normal");
}
&.is-disabled {
color: map_get($disabled-colors, "normal");
}
}

6
node_modules/nes.css/scss/form/_index.scss generated vendored Normal file
View file

@ -0,0 +1,6 @@
@charset "utf-8";
@import "inputs.scss";
@import "radios.scss";
@import "checkboxes.scss";
@import "selects.scss";

106
node_modules/nes.css/scss/form/checkboxes.scss generated vendored Normal file
View file

@ -0,0 +1,106 @@
.nes-checkbox {
// prettier-ignore
$checkbox: (
(1,1,1,1,1,1,1,1,0,0),
(1,0,0,0,0,0,0,1,0,0),
(1,0,0,0,0,0,0,1,0,0),
(1,0,0,0,0,0,0,1,0,0),
(1,0,0,0,0,0,0,1,0,0),
(1,0,0,0,0,0,0,1,0,0),
(1,0,0,0,0,0,0,1,0,0),
(1,1,1,1,1,1,1,1,0,0),
);
// prettier-ignore
$checkbox-checked: (
(1,1,1,1,1,1,1,0,1,1),
(1,0,0,0,0,0,0,1,1,1),
(1,0,0,0,0,0,1,1,0,0),
(1,1,0,0,0,1,1,0,0,0),
(1,1,1,0,1,1,0,1,0,0),
(1,0,1,1,1,0,0,1,0,0),
(1,0,0,1,0,0,0,1,0,0),
(1,1,1,1,1,1,1,1,0,0)
);
// prettier-ignore
$checkbox-focus: (
(2,2,2,2,2,2,2,2,0,0),
(2,0,0,0,0,0,0,2,0,0),
(2,0,0,0,0,0,0,2,0,0),
(2,0,0,0,0,0,0,2,0,0),
(2,0,0,0,0,0,0,2,0,0),
(2,0,0,0,0,0,0,2,0,0),
(2,0,0,0,0,0,0,2,0,0),
(2,2,2,2,2,2,2,2,0,0),
);
// prettier-ignore
$checkbox-checked-focus: (
(2,2,2,2,2,2,2,0,1,1),
(2,0,0,0,0,0,0,1,1,1),
(1,0,0,0,0,0,1,1,0,0),
(1,1,0,0,0,1,1,0,0,0),
(2,1,1,0,1,1,0,2,0,0),
(2,0,1,1,1,0,0,2,0,0),
(2,0,0,1,0,0,0,2,0,0),
(2,2,2,2,2,2,2,2,0,0)
);
$colors: ($base-color, map-get($default-colors, "shadow"));
$colors-checkbox-dark: ($color-white, map-get($default-colors, "shadow"));
margin-left: 28px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@include visually-hidden();
& + span {
position: relative;
cursor: $cursor-click-url, pointer;
}
& + span::before,
&:checked + span::before {
position: absolute;
top: -3px;
left: -28px;
content: "";
}
// prettier-ignore
& + span::before { /* stylelint-disable-line no-descending-specificity */
@include pixelize(2px, $checkbox, $colors);
}
// prettier-ignore
&:focus + span::before { /* stylelint-disable-line no-descending-specificity */
@include pixelize(2px, $checkbox-focus, $colors);
}
&:checked + span::before {
@include pixelize(2px, $checkbox-checked, $colors);
}
&:checked:focus + span::before {
@include pixelize(2px, $checkbox-checked-focus, $colors);
}
&.is-dark {
+ span {
color: $color-white;
}
// prettier-ignore
+ span::before { /* stylelint-disable-line no-descending-specificity */
color: $color-white;
}
&:checked + span::before {
@include pixelize(2px, $checkbox-checked-focus, $colors-checkbox-dark);
color: $color-white;
}
&:checked:focus + span::before {
@include pixelize(2px, $checkbox-checked-focus, $colors-checkbox-dark);
color: $color-white;
}
}
}

75
node_modules/nes.css/scss/form/inputs.scss generated vendored Normal file
View file

@ -0,0 +1,75 @@
.nes-input,
.nes-textarea {
@mixin border-style($border, $outline) {
@include compact-border-image($border);
outline-color: $outline;
}
@include compact-rounded-corners();
width: calc(100% - #{2 * $border-size});
padding: 0.5rem 1rem;
margin: 4px;
background-clip: padding-box;
&.is-dark {
@include border-style(map-get($default-colors, "normal"), map-get($default-colors, "hover"));
color: $background-color;
background-color: $base-color;
}
&.is-success {
@include border-style(map-get($success-colors, "normal"), map-get($success-colors, "hover"));
}
&.is-warning {
@include border-style(map-get($warning-colors, "normal"), map-get($warning-colors, "hover"));
}
&.is-error {
@include border-style(map-get($error-colors, "normal"), map-get($error-colors, "hover"));
}
}
.nes-field {
> label {
display: block;
}
.nes-input,
.nes-textarea {
display: block;
}
&.is-inline {
display: flex;
align-items: center;
> label {
flex-basis: 0;
flex-grow: 1;
margin: 0;
margin-right: 1.5rem;
text-align: right;
}
.nes-input,
.nes-textarea {
flex-basis: 0;
flex-grow: 5;
}
}
}
@media screen and (max-width: 768px) {
.nes-field.is-inline {
display: block;
> label {
margin-bottom: 0.5rem; // reboot.css:label
text-align: left;
}
.nes-input {
max-width: 100%;
}
}
}

76
node_modules/nes.css/scss/form/radios.scss generated vendored Normal file
View file

@ -0,0 +1,76 @@
.nes-radio {
// prettier-ignore
$radio: (
(1,1,0,0,0,0),
(1,1,1,1,0,0),
(1,1,1,1,1,0),
(1,1,1,1,1,1),
(1,1,1,1,1,0),
(1,1,1,1,0,0),
(1,1,0,0,0,0),
);
// prettier-ignore
$radio-checked-focus: (
(2,2,0,0,0,0),
(2,2,2,2,0,0),
(2,2,2,2,2,0),
(2,2,2,2,2,2),
(2,2,2,2,2,0),
(2,2,2,2,0,0),
(2,2,0,0,0,0),
);
$colors: ($base-color, map-get($default-colors, "shadow"));
$colors-radio-dark: ($color-white, map-get($default-colors, "shadow"));
margin-right: 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@include visually-hidden();
& + span {
position: relative;
cursor: $cursor-click-url, pointer;
}
&:checked + span::before {
position: absolute;
top: -2px;
left: -20px;
content: "";
@include pixelize(2px, $radio, $colors);
}
&:checked:hover,
&:checked:focus {
& + span::before {
animation: blink 1s infinite steps(1);
}
}
&:checked:focus + span::before {
@include pixelize(2px, $radio-checked-focus, $colors);
}
&.is-dark {
+ span {
color: $color-white;
}
// prettier-ignore
+ span::before { /* stylelint-disable-line no-descending-specificity */
color: $color-white;
}
&:checked + span::before {
@include pixelize(2px, $radio-checked-focus, $colors-radio-dark);
color: $color-white;
}
&:checked:focus + span::before {
@include pixelize(2px, $radio-checked-focus, $colors-radio-dark);
color: $color-white;
}
}
}

70
node_modules/nes.css/scss/form/selects.scss generated vendored Normal file
View file

@ -0,0 +1,70 @@
.nes-select {
// prettier-ignore
$dropdown: (
(1,1,1,1,1,1,1),
(1,1,1,1,1,1,1),
(0,1,1,1,1,1,0),
(0,1,1,1,1,1,0),
(0,0,1,1,1,0,0),
(0,0,0,1,0,0,0),
);
$colors: ($base-color, map-get($default-colors, "shadow"));
position: relative;
width: calc(100% - #{2 * $border-size});
margin: 4px;
select {
@include compact-rounded-corners();
width: 100%;
padding: 0.5rem 2.5rem 0.5rem 1rem;
cursor: $cursor-click-url, pointer;
border-radius: 0;
outline-color: map-get($default-colors, "hover");
-webkit-appearance: none;
appearance: none;
&:invalid {
color: map-get($disabled-colors, shadow);
}
}
&.is-dark select {
color: $background-color;
background-color: $base-color;
}
&::after {
@include pixelize(3px, $dropdown, $colors);
position: absolute;
top: calc(50% - 11px);
right: 36px;
pointer-events: none;
content: "";
}
// prettier-ignore
$types:
"success" map-get($success-colors, "normal") map-get($success-colors, "hover"),
"warning" map-get($warning-colors, "normal") map-get($warning-colors, "hover"),
"error" map-get($error-colors, "normal") map-get($error-colors, "hover"),
"dark" map-get($default-colors, "normal") map-get($default-colors, "hover");
@each $type in $types {
&.is-#{nth($type, 1)} {
$color: nth($type, 2);
&::after {
color: $color;
}
select {
@include compact-border-image($color);
outline-color: nth($type, 3);
}
}
}
}

3
node_modules/nes.css/scss/helpers/_index.scss generated vendored Normal file
View file

@ -0,0 +1,3 @@
@charset "utf-8";
@import "pointer.scss";

3
node_modules/nes.css/scss/helpers/pointer.scss generated vendored Normal file
View file

@ -0,0 +1,3 @@
.nes-pointer {
cursor: $cursor-click-url, pointer;
}

3
node_modules/nes.css/scss/icons/_index.scss generated vendored Normal file
View file

@ -0,0 +1,3 @@
@charset "utf-8";
@import "icons.scss";

20
node_modules/nes.css/scss/icons/close.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-close-colors: ($base-color);
// prettier-ignore
$icon-close: (
(1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
(1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
(1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
(1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1),
(0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
(0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
(0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0),
(0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0),
(0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0),
(0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
(0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
(1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1),
(1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
(1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
(1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
);

20
node_modules/nes.css/scss/icons/coin.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-coin-colors: (#060606, #fff, #ffc107);
// prettier-ignore
$icon-coin: (
(0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
(0,0,0,1,1,1,2,2,2,1,1,1,1,0,0,0),
(0,0,1,1,2,2,3,3,3,3,3,1,1,0,0,0),
(0,0,1,2,3,3,2,2,2,1,3,3,1,1,0,0),
(0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
(0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
(0,0,1,2,3,3,2,1,1,1,3,3,1,1,0,0),
(0,0,1,1,2,3,3,3,3,3,3,1,1,0,0,0),
(0,0,0,1,1,1,3,3,3,1,1,1,1,0,0,0),
(0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
);

20
node_modules/nes.css/scss/icons/facebook.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-facebook-colors: (#fff, #4566ae);
// prettier-ignore
$icon-facebook: (
( 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,1,1,1,1,2,2),
( 2,2,2,2,2,2,2,2,2,1,1,1,1,1,2,2),
( 2,2,2,2,2,2,2,2,1,1,1,1,1,1,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,1,1,1,1,1,1,1,1,1,2,2),
( 2,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2),
( 2,2,2,2,2,1,1,1,1,1,1,1,1,1,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,1,1,1,2,2,2,2,2),
( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
( 0,2,2,2,2,2,2,2,1,1,1,2,2,2,2,0)
);

20
node_modules/nes.css/scss/icons/github.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-github-colors: (#fff, #333);
// prettier-ignore
$icon-github: (
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
( 2,2,2,2,1,2,2,2,2,2,2,2,2,1,2,2 ),
( 2,2,2,2,1,1,2,2,2,2,2,2,1,1,2,2 ),
( 2,2,2,2,1,1,1,1,1,1,1,1,1,1,2,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,2,2,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
( 2,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,1,1,2,2,2,2,1,1,1,1,2,2,2,2,2 ),
( 2,2,2,1,2,2,1,1,1,1,1,1,2,2,2,2 ),
( 2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2 ),
( 2,2,2,2,2,2,1,1,1,1,1,1,2,2,2,2 ),
( 2,2,2,2,2,2,1,1,1,1,1,1,2,2,2,2 ),
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
);

20
node_modules/nes.css/scss/icons/gmail.scss generated vendored 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)
);

20
node_modules/nes.css/scss/icons/google.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-google-colors: (#4285f4, #fff, #db4437, #f4b400, #0f9d58);
// prettier-ignore
$icon-google: (
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
( 2,2,2,2,2,3,3,3,3,3,3,2,2,2,2,2 ),
( 2,2,2,3,3,3,3,3,3,3,3,3,3,2,2,2 ),
( 2,2,3,3,3,3,3,3,3,3,3,3,2,2,2,2 ),
( 2,3,3,3,3,2,2,2,2,2,3,2,2,2,2,2 ),
( 4,3,3,3,2,2,2,2,2,2,2,2,2,2,2,2 ),
( 4,4,3,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
( 4,4,5,2,2,2,2,2,2,2,2,2,1,1,1,2 ),
( 4,5,5,5,2,2,2,2,2,2,2,1,1,1,1,2 ),
( 2,5,5,5,5,2,2,2,2,2,5,1,1,1,2,2 ),
( 2,2,5,5,5,5,5,5,5,5,5,5,1,1,2,2 ),
( 2,2,2,5,5,5,5,5,5,5,5,5,5,2,2,2 ),
( 0,2,2,2,2,5,5,5,5,5,5,2,2,2,2,0 )
);

81
node_modules/nes.css/scss/icons/heart.scss generated vendored Normal file
View file

@ -0,0 +1,81 @@
$icon-heart-colors: (#fff, #444, #f22426, #842300);
// prettier-ignore
$icon-heart: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,2,2,2,0,0,0,0,0,2,2,2,0,0,0),
(0,2,3,3,3,2,0,0,0,2,3,3,4,2,0,0),
(2,3,1,1,3,3,2,0,2,3,3,3,3,4,2,0),
(2,3,1,3,3,3,3,2,3,3,3,3,3,4,2,0),
(2,3,3,3,3,3,3,3,3,3,3,3,3,4,2,0),
(2,3,3,3,3,3,3,3,3,3,3,3,3,4,2,0),
(2,3,3,3,3,3,3,3,3,3,3,3,3,4,2,0),
(0,2,3,3,3,3,3,3,3,3,3,3,4,2,0,0),
(0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
(0,0,0,2,3,3,3,3,3,3,4,2,0,0,0,0),
(0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
(0,0,0,0,0,2,3,3,4,2,0,0,0,0,0,0),
(0,0,0,0,0,0,2,4,2,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,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)
);
// prettier-ignore
$icon-heart-half: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,2,2,2,0,0,0,0,0,2,2,2,0,0,0),
(0,2,3,3,3,2,0,0,0,2,0,0,0,2,0,0),
(2,3,1,1,3,3,2,0,2,0,0,0,0,0,2,0),
(2,3,1,3,3,3,3,2,0,0,0,0,0,0,2,0),
(2,3,3,3,3,3,3,3,0,0,0,0,0,0,2,0),
(2,3,3,3,3,3,3,3,0,0,0,0,0,0,2,0),
(2,3,3,3,3,3,3,3,0,0,0,0,0,0,2,0),
(0,2,3,3,3,3,3,3,0,0,0,0,0,2,0,0),
(0,0,2,3,3,3,3,3,0,0,0,0,2,0,0,0),
(0,0,0,2,3,3,3,3,0,0,0,2,0,0,0,0),
(0,0,0,0,2,3,3,3,0,0,2,0,0,0,0,0),
(0,0,0,0,0,2,3,3,0,2,0,0,0,0,0,0),
(0,0,0,0,0,0,2,4,2,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,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)
);
// prettier-ignore
$icon-heart-transparent: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,2,2,2,0,0,0,0,0,2,2,2,0,0,0),
(0,2,0,0,0,2,0,0,0,2,0,0,0,2,0,0),
(2,0,0,0,0,0,2,0,2,0,0,0,0,0,2,0),
(2,0,0,0,0,0,0,2,0,0,0,0,0,0,2,0),
(2,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0),
(2,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0),
(2,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0),
(0,2,0,0,0,0,0,0,0,0,0,0,0,2,0,0),
(0,0,2,0,0,0,0,0,0,0,0,0,2,0,0,0),
(0,0,0,2,0,0,0,0,0,0,0,2,0,0,0,0),
(0,0,0,0,2,0,0,0,0,0,2,0,0,0,0,0),
(0,0,0,0,0,2,0,0,0,2,0,0,0,0,0,0),
(0,0,0,0,0,0,2,0,2,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,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)
);
$icon-heart-empty-colors: (#adafbb);
// prettier-ignore
$icon-heart-empty: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,1,1,1,0,0,0,0,0,1,1,1,0,0,0),
(0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0),
(1,0,0,0,0,0,1,0,1,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
(0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0),
(0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);

165
node_modules/nes.css/scss/icons/icons.scss generated vendored Normal file
View file

@ -0,0 +1,165 @@
// reaction
@import "heart.scss";
@import "star.scss";
@import "like.scss";
// sns
@import "twitter.scss";
@import "facebook.scss";
@import "github.scss";
@import "youtube.scss";
@import "google.scss";
@import "medium.scss";
@import "twitch.scss";
@import "reddit.scss";
@import "whatsapp.scss";
@import "gmail.scss";
@import "linkedin.scss";
@import "instagram.scss";
// others
@import "close.scss";
@import "trophy.scss";
@import "coin.scss";
.nes-icon {
$default-size: 1px;
$icon-size: $default-size * 16;
position: relative;
display: inline-block;
width: $icon-size;
height: $icon-size;
margin-right: $icon-size;
margin-bottom: $icon-size;
// NOTE: Use `transform: scale()` because cannot use font-size less than 10px on Chrome
// default 2px
transform: scale(2);
transform-origin: top left;
&.is-small {
margin: 0;
// 1px
transform: scale(1);
}
&.is-medium {
margin-right: $icon-size * 2;
margin-bottom: $icon-size * 2;
// 3px
transform: scale(3);
}
&.is-large {
margin-right: $icon-size * 3;
margin-bottom: $icon-size * 3;
// 4px
transform: scale(4);
}
&::before {
position: absolute;
top: $default-size * -1;
left: $default-size * -1;
display: block;
content: "";
background: transparent;
}
&.heart::before {
@include pixelize($default-size, $icon-heart, $icon-heart-colors);
}
&.heart.is-half::before {
@include pixelize($default-size, $icon-heart-half, $icon-heart-colors);
}
&.heart.is-transparent::before {
@include pixelize($default-size, $icon-heart-transparent, $icon-heart-colors);
}
&.heart.is-empty::before {
@include pixelize($default-size, $icon-heart-empty, $icon-heart-empty-colors);
}
&.star::before {
@include pixelize($default-size, $icon-star, $icon-star-colors);
}
&.star.is-empty::before {
@include pixelize($default-size, $icon-star-empty, $icon-star-empty-colors);
}
&.star.is-half::before {
@include pixelize($default-size, $icon-star-half, $icon-star-colors);
}
&.star.is-transparent::before {
@include pixelize($default-size, $icon-star-transparent, $icon-star-colors);
}
&.trophy::before {
@include pixelize($default-size, $icon-trophy, $icon-trophy-colors);
}
&.trophy.is-empty::before {
@include pixelize($default-size, $icon-trophy-empty, $icon-trophy-empty-colors);
}
&.like::before {
@include pixelize($default-size, $icon-like, $icon-like-colors);
}
&.like.is-empty::before {
@include pixelize($default-size, $icon-like-empty, $icon-like-empty-colors);
}
&.twitter::before {
@include pixelize($default-size, $icon-twitter, $icon-twitter-colors);
}
&.facebook::before {
@include pixelize($default-size, $icon-facebook, $icon-facebook-colors);
}
&.github::before {
@include pixelize($default-size, $icon-github, $icon-github-colors);
}
&.youtube::before {
@include pixelize($default-size, $icon-youtube, $icon-youtube-colors);
}
&.close::before {
@include pixelize($default-size, $icon-close, $icon-close-colors);
}
&.google::before {
@include pixelize($default-size, $icon-google, $icon-google-colors);
}
&.medium::before {
@include pixelize($default-size, $icon-medium, $icon-medium-colors);
}
&.twitch::before {
@include pixelize($default-size, $icon-twitch, $icon-twitch-colors);
}
&.reddit::before {
@include pixelize($default-size, $icon-reddit, $icon-reddit-colors);
}
&.whatsapp::before {
@include pixelize($default-size, $icon-whatsapp, $icon-whatsapp-colors);
}
&.gmail::before {
@include pixelize($default-size, $icon-gmail, $icon-gmail-colors);
}
&.linkedin::before {
@include pixelize($default-size, $icon-linkedin, $icon-linkedin-colors);
}
&.instagram::before {
@include pixelize($default-size, $icon-instagram, $icon-instagram-colors);
}
&.coin::before {
@include pixelize($default-size, $icon-coin, $icon-coin-colors);
}
}

20
node_modules/nes.css/scss/icons/instagram.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-instagram-colors: (#fff, #8005c8, #d40075, #e98c25, #d84646);
// prettier-ignore
$icon-instagram: (
( 0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0),
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
( 2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
( 2,2,1,1,1,1,1,1,1,1,1,2,2,1,2,2),
( 2,2,1,1,1,1,1,1,1,1,1,2,2,1,2,2),
( 2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
( 3,2,1,1,1,2,1,1,1,1,2,1,1,1,2,3),
( 3,3,1,1,1,2,1,1,1,1,2,1,1,1,3,3),
( 3,3,1,1,1,3,1,1,1,1,3,1,1,1,3,3),
( 3,3,1,1,1,3,1,1,1,1,3,1,1,1,3,3),
( 4,4,1,1,1,1,3,3,3,3,1,1,1,1,3,3),
( 4,4,1,1,1,1,1,1,1,1,1,1,1,1,3,3),
( 4,4,1,1,1,1,1,1,1,1,1,1,1,1,5,5),
( 4,4,4,1,1,1,1,1,1,1,1,1,1,5,5,5),
( 0,4,4,4,4,4,4,4,4,5,5,5,5,5,5,0),
( 0,0,4,4,4,4,4,4,5,5,5,5,5,5,0,0)
);

41
node_modules/nes.css/scss/icons/like.scss generated vendored Normal file
View file

@ -0,0 +1,41 @@
$icon-like-colors: (#fff, #333, #2e77be);
// prettier-ignore
$icon-like: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,2,2,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,2,1,2,0,0,0,0,0,0),
(0,0,0,0,0,0,0,2,1,2,0,0,0,0,0,0),
(0,0,0,0,0,0,2,1,1,2,0,0,0,0,0,0),
(0,0,0,0,0,0,2,1,1,2,2,2,2,2,2,0),
(0,0,0,0,0,2,1,1,1,1,1,1,1,1,1,2),
(0,2,2,2,0,2,1,1,1,1,1,1,1,1,1,2),
(2,3,3,3,2,1,1,1,1,1,1,1,1,1,1,2),
(2,3,3,3,2,1,1,1,1,1,1,1,1,1,2,0),
(2,3,3,3,2,1,1,1,1,1,1,1,1,1,2,0),
(2,3,3,3,2,1,1,1,1,1,1,1,1,1,2,0),
(2,3,3,3,2,1,1,1,1,1,1,1,1,2,0,0),
(2,3,3,3,2,1,1,1,1,1,1,1,1,2,0,0),
(0,2,2,2,0,2,2,2,2,2,2,2,2,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);
$icon-like-empty-colors: (#adafbb);
// prettier-ignore
$icon-like-empty: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,1,1,1,1,1,1,0),
(0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1),
(0,1,1,1,0,1,0,0,0,0,0,0,0,0,0,1),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,0,1),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0),
(0,1,1,1,0,1,1,1,1,1,1,1,1,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);

20
node_modules/nes.css/scss/icons/linkedin.scss generated vendored 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),
);

20
node_modules/nes.css/scss/icons/medium.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-medium-colors: (#fff, #12100e);
// prettier-ignore
$icon-medium: (
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
( 2,1,1,1,2,2,2,2,2,2,2,1,1,1,1,2 ),
( 2,2,1,1,2,2,2,2,2,2,2,1,1,1,2,2 ),
( 2,2,1,1,1,2,2,2,2,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,2,2,2,2,1,1,1,1,2,2 ),
( 2,2,1,1,1,1,2,2,2,1,1,1,1,1,2,2 ),
( 2,2,1,2,1,1,1,2,2,1,1,1,1,1,2,2 ),
( 2,2,1,2,1,1,1,2,1,1,2,1,1,1,2,2 ),
( 2,2,1,2,2,1,1,1,1,1,2,1,1,1,2,2 ),
( 2,2,1,2,2,1,1,1,1,2,2,1,1,1,2,2 ),
( 2,2,1,2,2,2,1,1,1,2,2,1,1,1,2,2 ),
( 2,2,1,2,2,2,1,1,2,2,2,1,1,1,2,2 ),
( 2,2,1,2,2,2,2,1,2,2,2,1,1,1,2,2 ),
( 2,1,1,1,2,2,2,2,2,2,1,1,1,1,1,2 ),
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
);

20
node_modules/nes.css/scss/icons/reddit.scss generated vendored Normal file
View file

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

79
node_modules/nes.css/scss/icons/star.scss generated vendored Normal file
View file

@ -0,0 +1,79 @@
$icon-star-colors: (#fff, #444, #ebe527, #f59f54);
// prettier-ignore
$icon-star: (
(0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
(0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
(0,0,0,0,0,2,3,3,3,2,0,0,0,0,0,0),
(0,0,0,0,0,2,1,1,3,2,0,0,0,0,0,0),
(2,2,2,2,2,2,1,3,3,3,2,2,2,2,2,0),
(2,3,3,3,1,1,3,3,3,3,3,3,3,3,2,0),
(0,2,3,3,1,3,3,3,3,3,3,3,4,2,0,0),
(0,0,2,3,3,3,3,3,3,3,4,4,2,0,0,0),
(0,0,0,2,3,3,3,3,3,3,3,2,0,0,0,0),
(0,0,2,3,3,3,3,4,3,3,3,3,2,0,0,0),
(0,0,2,3,3,3,4,4,4,3,3,3,2,0,0,0),
(0,2,3,3,4,4,4,2,4,4,4,3,3,2,0,0),
(0,2,3,4,4,2,2,0,2,2,4,4,3,2,0,0),
(2,4,4,2,2,0,0,0,0,0,2,2,4,4,2,0),
(2,2,2,0,0,0,0,0,0,0,0,0,2,2,2,0)
);
$icon-star-empty-colors: (#adafbb);
// prettier-ignore
$icon-star-empty: (
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
(0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
(1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,1,0,0,0,0,0,1,0,0,0,0,0,1,0,0),
(0,1,0,0,0,1,1,0,1,1,0,0,0,1,0,0),
(1,0,0,1,1,0,0,0,0,0,1,1,0,0,1,0),
(1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0)
);
$icon-star-half: (
(0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 0, 2, 3, 2, 0, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 0, 2, 3, 2, 0, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 2, 3, 3, 0, 2, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 2, 3, 3, 0, 2, 0, 0, 0, 0, 0, 0),
(2, 2, 2, 2, 2, 2, 3, 3, 0, 0, 2, 2, 2, 2, 2, 0),
(2, 3, 3, 3, 3, 3, 3, 3, 0, 0, 0, 0, 0, 0, 2, 0),
(0, 2, 3, 3, 3, 3, 3, 3, 0, 0, 0, 0, 0, 2, 0, 0),
(0, 0, 2, 3, 3, 3, 3, 3, 0, 0, 0, 0, 2, 0, 0, 0),
(0, 0, 0, 2, 3, 3, 3, 3, 0, 0, 0, 2, 0, 0, 0, 0),
(0, 0, 2, 3, 3, 3, 3, 4, 0, 0, 0, 0, 2, 0, 0, 0),
(0, 0, 2, 3, 3, 3, 4, 4, 0, 0, 0, 0, 2, 0, 0, 0),
(0, 2, 3, 3, 4, 4, 4, 2, 0, 0, 0, 0, 0, 2, 0, 0),
(0, 2, 3, 4, 4, 2, 2, 0, 2, 2, 0, 0, 0, 2, 0, 0),
(2, 4, 4, 2, 2, 0, 0, 0, 0, 0, 2, 2, 0, 0, 2, 0),
(2, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 2, 0)
);
$icon-star-transparent: (
(0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 2, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0),
(0, 0, 0, 0, 0, 2, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0),
(2, 2, 2, 2, 2, 2, 0, 0, 0, 0, 2, 2, 2, 2, 2, 0),
(2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0),
(0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0),
(0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0),
(0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0),
(0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0),
(0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0),
(0, 2, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 2, 0, 0),
(0, 2, 0, 0, 0, 2, 2, 0, 2, 2, 0, 0, 0, 2, 0, 0),
(2, 0, 0, 2, 2, 0, 0, 0, 0, 0, 2, 2, 0, 0, 2, 0),
(2, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 2, 0)
);

41
node_modules/nes.css/scss/icons/trophy.scss generated vendored Normal file
View file

@ -0,0 +1,41 @@
$icon-trophy-colors: (#fff, #444, #ebe527, #f59f54);
// prettier-ignore
$icon-trophy: (
(0,0,2,2,2,2,2,2,2,2,2,2,2,0,0,0),
(0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
(2,2,2,3,1,3,3,3,3,3,3,4,2,2,2,0),
(2,0,2,3,1,3,3,3,3,3,3,4,2,0,2,0),
(2,0,2,3,1,3,3,3,3,3,3,4,2,0,2,0),
(0,2,2,3,1,3,3,3,3,3,3,4,2,2,0,0),
(0,0,2,3,1,3,3,3,3,3,3,4,2,0,0,0),
(0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
(0,0,0,2,3,3,3,3,3,3,4,2,0,0,0,0),
(0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
(0,0,0,0,0,2,3,3,4,2,0,0,0,0,0,0),
(0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
(0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
(0,0,0,0,0,2,2,3,2,2,0,0,0,0,0,0),
(0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
(0,0,0,0,2,2,2,2,2,2,2,0,0,0,0,0)
);
$icon-trophy-empty-colors: (#adafbb);
// prettier-ignore
$icon-trophy-empty: (
(0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0),
(1,0,1,0,0,0,0,0,0,0,0,0,1,0,1,0),
(1,0,1,0,0,0,0,0,0,0,0,0,1,0,1,0),
(0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
(0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0),
(0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,1,1,0,1,1,0,0,0,0,0,0),
(0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0),
(0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0)
);

20
node_modules/nes.css/scss/icons/twitch.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-twitch-colors: (#fff, #6441a4);
// prettier-ignore
$icon-twitch: (
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
( 2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
( 2,1,1,2,2,2,2,2,2,2,2,2,2,2,1,2 ),
( 2,1,1,2,2,2,2,2,2,2,2,2,2,2,1,2 ),
( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
( 2,1,1,2,2,2,2,2,2,2,2,2,2,2,1,2 ),
( 2,1,1,2,2,2,2,2,2,2,2,2,2,1,1,2 ),
( 2,1,1,2,2,2,2,2,2,2,2,2,1,1,2,2 ),
( 2,1,1,1,1,2,2,1,1,1,1,1,1,2,2,2 ),
( 2,1,1,1,1,2,1,1,1,1,1,1,2,2,2,2 ),
( 2,2,2,2,1,1,1,1,2,2,2,2,2,2,2,2 ),
( 2,2,2,2,1,1,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 )
);

20
node_modules/nes.css/scss/icons/twitter.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-twitter-colors: (#fff, #2c9ceb);
// prettier-ignore
$icon-twitter: (
( 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,1,2,2,2,2,2,2,2,1,1,1,2,2,2,2 ),
( 2,1,1,1,2,2,2,2,1,1,1,1,1,2,2,2 ),
( 2,1,1,1,1,1,2,1,1,1,1,1,1,1,1,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,2,1,1,1,1,1,1,1,1,1,1,2,2,2 ),
( 2,2,2,1,1,1,1,1,1,1,1,1,2,2,2,2 ),
( 2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2 ),
( 2,2,2,2,2,1,1,1,1,1,1,1,2,2,2,2 ),
( 2,2,2,2,1,1,1,1,1,1,1,2,2,2,2,2 ),
( 2,2,1,1,1,1,1,1,1,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 ),
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
);

19
node_modules/nes.css/scss/icons/whatsapp.scss generated vendored Normal file
View file

@ -0,0 +1,19 @@
$icon-whatsapp-colors: (#00ba37, #fff);
// prettier-ignore
$icon-whatsapp: (
( 0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0 ),
( 0,0,1,1,1,2,2,2,2,2,2,2,1,1,1,0 ),
( 0,1,1,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
( 0,1,1,2,1,2,2,1,1,1,1,1,1,2,1,1 ),
( 0,1,2,1,1,2,2,1,1,1,1,1,1,1,2,1 ),
( 0,1,2,1,1,2,1,1,1,1,1,1,1,1,2,1 ),
( 0,1,2,1,1,1,2,2,1,1,1,1,1,1,2,1 ),
( 0,1,2,1,1,1,1,2,2,1,1,1,1,1,2,1 ),
( 0,1,2,1,1,1,1,1,2,1,2,2,1,1,2,1 ),
( 0,1,1,2,1,1,1,1,1,2,2,2,1,2,1,1 ),
( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
( 0,1,2,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
( 0,1,2,2,1,2,2,2,2,2,2,2,1,1,1,0 ),
( 0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0 )
);

20
node_modules/nes.css/scss/icons/youtube.scss generated vendored Normal file
View file

@ -0,0 +1,20 @@
$icon-youtube-colors: (#fff, #f00);
// prettier-ignore
$icon-youtube: (
( 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,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
( 2,2,2,2,2,2,1,2,2,2,2,2,2,2,2,2 ),
( 2,2,2,2,2,2,1,1,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,1,2,2,2,2,2,2 ),
( 2,2,2,2,2,2,1,1,1,1,1,2,2,2,2,2 ),
( 2,2,2,2,2,2,1,1,1,1,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,2,2,2,2,2,2,2,2 ),
( 2,2,2,2,2,2,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,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 ),
( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
);

13
node_modules/nes.css/scss/nes-core.scss generated vendored Normal file
View file

@ -0,0 +1,13 @@
@charset "utf-8";
/*!***************************************************************************\
NES.css Framework
Version: 2.3.0
\*****************************************************************************/
@import "base/_index.scss";
@import "utilities/_index.scss";
@import "helpers/_index.scss";
@import "elements/_index.scss";
@import "form/_index.scss";

6
node_modules/nes.css/scss/nes.scss generated vendored Normal file
View file

@ -0,0 +1,6 @@
@charset "utf-8";
@import "nes-core.scss";
@import "components/_index.scss";
@import "icons/_index.scss";
@import "pixel-arts/_index.scss";

17
node_modules/nes.css/scss/pixel-arts/_index.scss generated vendored Normal file
View file

@ -0,0 +1,17 @@
@charset "utf-8";
@import "nes-icon.scss";
@import "nes-jp-icon.scss";
@import "snes-icon.scss";
@import "snes-jp-icon.scss";
@import "bcrikko.scss";
@import "ash.scss";
@import "pokeball.scss";
@import "bulbasaur.scss";
@import "charmander.scss";
@import "squirtle.scss";
@import "phone.scss";
@import "smartphone.scss";
@import "mario.scss";
@import "kirby.scss";
@import "octocat.scss";

38
node_modules/nes.css/scss/pixel-arts/ash.scss generated vendored Normal file
View file

@ -0,0 +1,38 @@
.nes-ash {
$ash-colors: (#f8f8ff, #ff614e, #007f7f, #181818, #ffe3c5, #426adb, #4169e1);
// prettier-ignore
$ash: (
(0,0,0,0,4,4,4,4,4,4,0,0,0,0),
(0,0,0,4,2,2,2,1,1,3,4,0,0,0),
(0,0,4,2,2,2,2,1,1,1,1,4,0,0),
(0,0,4,2,2,2,2,1,1,3,3,4,4,0),
(0,4,4,4,2,2,2,2,2,2,2,2,2,4),
(0,4,4,4,4,4,4,4,2,2,2,4,4,0),
(4,4,4,4,4,4,4,5,5,4,5,4,0,0),
(0,4,4,5,5,5,4,5,5,4,5,4,0,0),
(0,0,4,5,5,5,5,5,5,5,5,4,0,0),
(0,4,7,4,4,5,5,5,5,5,4,0,0,0),
(0,4,7,4,4,4,4,4,4,4,0,0,0,0),
(0,4,4,5,5,4,7,7,4,4,4,0,0,0),
(4,3,4,5,5,4,7,4,4,3,3,4,0,0),
(4,3,3,4,4,4,4,4,3,3,4,0,0,0),
(0,4,4,0,0,0,0,0,4,4,0,0,0,0)
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($ash, 1));
height: $size * length($ash);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $ash, $ash-colors);
@include fill-gaps();
}
}

40
node_modules/nes.css/scss/pixel-arts/bcrikko.scss generated vendored Normal file
View file

@ -0,0 +1,40 @@
.nes-bcrikko {
$bcrikko-colors: (#333, #f9f2d7, #c5090c, #fff);
// prettier-ignore
$bcrikko: (
(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,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(2,2,2,2,1,1,2,2,2,2,1,1,2,2,2,2),
(2,2,2,1,1,4,1,2,2,1,1,4,1,2,2,2),
(2,2,2,1,1,1,1,2,2,1,1,1,1,2,2,2),
(2,2,2,1,1,1,1,2,2,1,1,1,1,2,2,2),
(2,2,2,1,1,1,1,2,2,1,1,1,1,2,2,2),
(2,2,2,2,1,1,2,2,2,2,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,2,2,2,2,2,2,2),
(2,2,2,3,2,2,2,2,2,2,2,2,3,2,2,2),
(2,2,2,3,2,2,2,2,2,2,2,2,3,2,2,2),
(2,2,2,2,3,3,3,3,3,3,3,3,2,2,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),
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($bcrikko, 1));
height: $size * length($bcrikko);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $bcrikko, $bcrikko-colors);
@include fill-gaps();
}
}

40
node_modules/nes.css/scss/pixel-arts/bulbasaur.scss generated vendored Normal file
View file

@ -0,0 +1,40 @@
.nes-bulbasaur {
$bulbasaur-colors: (#000, #8beb46, #2d8d22, #5ceee1, #3fc3b5, #fdfdf5, #ca242a);
// prettier-ignore
$bulbasaur: (
(0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,1,2,2,2,1,0,0,0,0),
(0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,1,0,0,0,0),
(0,0,0,0,0,0,0,1,1,2,2,3,2,2,3,2,1,1,0,0),
(0,0,0,1,1,0,1,2,2,2,3,3,2,2,3,2,2,2,1,0),
(0,0,1,4,4,1,1,2,2,3,2,3,2,2,2,3,2,2,2,1),
(0,0,1,4,4,4,1,1,3,2,3,2,2,2,2,2,3,2,2,1),
(0,0,1,4,4,4,4,5,1,2,3,2,2,2,2,2,3,2,2,1),
(0,1,4,4,5,4,5,5,4,1,1,1,2,2,2,2,3,2,1,0),
(1,1,5,4,4,4,4,4,4,4,4,1,2,2,2,1,1,1,1,0),
(1,1,5,4,4,4,5,4,4,4,1,5,1,1,1,5,5,5,1,0),
(1,4,4,4,4,5,4,1,1,4,5,5,5,5,5,1,5,6,1,0),
(1,5,4,4,4,4,1,7,6,6,5,5,1,5,5,1,1,1,0,0),
(0,1,5,4,4,4,1,7,6,4,5,1,5,5,1,0,0,0,0,0),
(0,0,1,1,5,5,5,5,5,5,1,5,5,5,1,0,0,0,0,0),
(0,0,0,0,1,1,1,1,1,1,1,6,5,6,1,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0),
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($bulbasaur, 1));
height: $size * length($bulbasaur);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $bulbasaur, $bulbasaur-colors);
@include fill-gaps();
}
}

41
node_modules/nes.css/scss/pixel-arts/charmander.scss generated vendored Normal file
View file

@ -0,0 +1,41 @@
.nes-charmander {
$charmander-colors: (#000202, #f77702, #eb2010, #fdfcff, #e5d70a, #e7d70e);
// prettier-ignore
$charmander: (
(0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,0,1,2,2,2,2,1,0,0,0,0,0,0,0,1,3,1,0,0),
(0,0,1,2,2,2,2,2,2,1,0,0,0,0,0,0,1,3,3,1,0),
(0,0,1,2,2,2,2,2,2,1,0,0,0,0,0,0,1,3,3,1,0),
(0,1,2,2,2,2,2,2,2,2,1,0,0,0,0,1,3,3,2,3,1),
(1,2,2,2,2,4,1,2,2,2,1,0,0,0,0,1,3,2,6,3,1),
(1,2,2,2,2,1,1,2,2,2,2,1,0,0,0,1,3,5,5,3,1),
(1,2,2,2,2,1,1,2,2,2,2,1,0,0,0,0,1,5,1,1,0),
(0,1,2,2,2,2,2,2,2,2,2,2,1,0,0,0,1,2,1,0,0),
(0,0,1,1,2,2,2,2,2,2,2,2,2,1,0,1,2,2,1,0,0),
(0,0,0,0,1,1,1,2,2,1,2,2,2,1,1,2,2,1,0,0,0),
(0,0,0,0,0,1,6,5,1,2,2,2,2,2,1,2,2,1,0,0,0),
(0,0,0,0,0,1,5,5,5,1,1,2,2,2,1,2,1,0,0,0,0),
(0,0,0,0,1,4,1,6,5,5,2,2,2,2,1,1,0,0,0,0,0),
(0,0,0,0,0,1,1,1,5,5,2,2,2,1,1,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,1,1,1,0,1,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,1,4,0,4,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0)
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($charmander, 1));
height: $size * length($charmander);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $charmander, $charmander-colors);
@include fill-gaps();
}
}

39
node_modules/nes.css/scss/pixel-arts/kirby.scss generated vendored Normal file
View file

@ -0,0 +1,39 @@
.nes-kirby {
$kirby-colors: (#000, #ffaccc, #ff5478);
// prettier-ignore
$kirby: (
(0,0,1,1,0,1,1,1,1,1,0,0,0,0,0,0),
(0,1,2,2,1,2,2,2,2,2,1,1,0,0,0,0),
(1,2,2,1,2,2,2,2,2,2,2,2,1,0,0,0),
(1,2,2,2,2,2,1,2,1,2,2,2,2,1,0,0),
(1,2,2,2,2,2,1,2,1,2,2,2,2,1,0,0),
(1,2,2,2,2,2,1,2,1,2,2,2,2,2,1,0),
(1,2,2,2,3,3,2,2,2,3,3,2,2,2,2,1),
(1,2,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
(0,1,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
(0,1,2,2,2,2,2,2,2,2,2,2,1,1,1,0),
(0,1,2,2,2,2,2,2,2,2,2,1,3,3,3,1),
(0,0,1,2,2,2,2,2,2,2,1,3,3,3,3,1),
(0,0,1,1,2,2,2,2,2,2,1,3,3,3,3,1),
(0,1,3,3,1,1,2,2,2,1,3,3,3,3,1,0),
(1,3,3,3,3,3,1,1,1,1,1,3,3,1,0,0),
(0,1,1,1,1,1,1,0,0,0,1,1,1,0,0,0)
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($kirby, 1));
height: $size * length($kirby);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $kirby, $kirby-colors);
@include fill-gaps();
}
}

39
node_modules/nes.css/scss/pixel-arts/mario.scss generated vendored Normal file
View file

@ -0,0 +1,39 @@
.nes-mario {
$mario-colors: (#f81c2f, #65352b, #ffbb8e, #000, #1560ad, #aeaeac, #fef102);
// prettier-ignore
$mario: (
(0,0,0,0,1,1,1,1,1,0,0,0,0,0),
(0,0,0,1,1,1,1,1,1,1,1,1,0,0),
(0,0,0,2,2,2,3,3,4,3,0,0,0,0),
(0,0,2,3,2,3,3,3,4,3,3,3,0,0),
(0,0,2,3,2,2,3,3,3,4,3,3,3,0),
(0,0,2,2,3,3,3,3,4,4,4,4,0,0),
(0,0,0,0,3,3,3,3,3,3,3,0,0,0),
(0,0,0,0,1,5,1,1,5,0,0,0,0,0),
(0,0,1,1,1,5,1,1,5,1,1,1,0,0),
(0,1,1,1,1,5,5,5,5,1,1,1,1,0),
(0,6,6,1,5,7,5,5,7,5,1,6,6,0),
(0,6,6,6,5,5,5,5,5,5,6,6,6,0),
(0,6,6,5,5,5,5,5,5,5,5,6,6,0),
(0,0,0,5,5,5,0,0,5,5,5,0,0,0),
(0,0,2,2,2,0,0,0,0,2,2,2,0,0),
(0,2,2,2,2,0,0,0,0,2,2,2,2,0)
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($mario, 1));
height: $size * length($mario);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $mario, $mario-colors);
@include fill-gaps();
}
}

34
node_modules/nes.css/scss/pixel-arts/nes-icon.scss generated vendored Normal file
View file

@ -0,0 +1,34 @@
.nes-logo {
$logo-colors: (#3e3634, #c3c3c3, #787973, #bf1710);
// prettier-ignore
$logo: (
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
(2,1,1,2,1,1,3,3,3,1,1,1,1,1,2),
(2,1,2,2,2,1,1,1,1,1,1,1,1,1,2),
(2,1,1,2,1,1,3,3,3,1,4,1,4,1,2),
(2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2)
);
$size: 4px;
position: relative;
display: inline-block;
width: $size * length(nth($logo, 1));
height: $size * length($logo);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
}
}

34
node_modules/nes.css/scss/pixel-arts/nes-jp-icon.scss generated vendored Normal file
View file

@ -0,0 +1,34 @@
.nes-jp-logo {
$logo-colors: (#333, #871f37, #dfd3b9);
// prettier-ignore
$logo: (
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(2,3,3,3,3,3,2,2,2,2,2,2,2,2,2),
(2,3,3,1,3,3,2,2,2,2,2,2,2,2,2),
(2,3,1,1,1,3,3,3,3,3,3,3,3,3,2),
(2,3,3,1,3,3,1,2,1,3,1,3,1,3,2),
(2,3,3,3,3,3,3,3,3,3,3,3,3,3,2),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2)
);
$size: 4px;
position: relative;
display: inline-block;
width: $size * length(nth($logo, 1));
height: $size * length($logo);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
}
}

66
node_modules/nes.css/scss/pixel-arts/octocat.scss generated vendored Normal file
View file

@ -0,0 +1,66 @@
.nes-octocat {
$octocat-colors: (#333, #ffdec4, #cb7066);
// prettier-ignore
$octocat-1: (
(0,0,0,1,0,0,0,0,0,0,0,0,1,0),
(0,0,0,1,1,0,0,0,0,0,0,1,1,0),
(0,0,0,1,1,1,1,1,1,1,1,1,1,0),
(0,0,1,1,1,1,1,1,1,1,1,1,1,1),
(0,0,1,1,1,1,1,1,1,1,1,1,1,1),
(0,0,1,1,1,2,2,2,2,2,2,1,1,1),
(0,0,1,1,2,3,2,2,2,2,3,2,1,1),
(0,0,1,1,2,3,2,2,2,2,3,2,1,1),
(0,0,0,1,1,2,2,3,3,2,2,1,1,0),
(1,1,0,0,0,0,1,1,1,1,0,0,0,0),
(0,0,1,1,0,1,1,1,1,1,1,0,0,0),
(0,0,0,1,1,1,1,1,1,1,1,0,0,0),
(0,0,0,0,0,1,0,1,1,0,1,0,0,0),
(0,0,0,0,0,1,0,1,1,0,1,0,0,0),
(0,0,0,0,1,0,1,0,0,1,0,1,0,0)
);
// prettier-ignore
$octocat-2: (
(0,0,0,1,0,0,0,0,0,0,0,0,1,0),
(0,0,0,1,1,0,0,0,0,0,0,1,1,0),
(0,0,0,1,1,1,1,1,1,1,1,1,1,0),
(0,0,1,1,1,1,1,1,1,1,1,1,1,1),
(0,0,1,1,1,1,1,1,1,1,1,1,1,1),
(0,0,1,1,1,2,2,2,2,2,2,1,1,1),
(0,0,1,1,2,2,2,2,2,2,2,2,1,1),
(0,1,1,1,2,3,2,2,2,2,3,2,1,1),
(0,1,0,1,1,2,2,3,3,2,2,1,1,0),
(0,0,1,0,0,0,1,1,1,1,0,0,0,0),
(0,0,0,1,0,1,1,1,1,1,1,0,0,0),
(0,0,0,1,1,1,1,1,1,1,1,0,0,0),
(0,0,0,0,0,1,0,1,1,0,1,0,0,0),
(0,0,0,0,0,1,0,1,1,0,1,0,0,0),
(0,0,0,0,1,0,1,0,0,1,0,1,0,0)
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($octocat-1, 1));
height: $size * length($octocat-1);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $octocat-1, $octocat-colors);
@include fill-gaps();
}
&.animate::before {
animation: wave 0.5s infinite steps(1);
}
@keyframes wave {
50% {
@include pixelize($size, $octocat-2, $octocat-colors);
}
}
}

44
node_modules/nes.css/scss/pixel-arts/phone.scss generated vendored Normal file
View file

@ -0,0 +1,44 @@
.nes-phone {
$phone-colors: (#596985, #3c4665, #000);
// prettier-ignore
$phone: (
(0,0,3,3,3,3,3,3),
(0,3,3,2,2,2,1,3),
(3,3,2,2,2,2,1,3),
(3,2,2,2,2,2,1,3),
(3,2,2,2,2,2,1,3),
(3,2,2,2,2,2,1,3),
(3,2,2,3,3,3,3,3),
(3,2,2,3,0,0,0,0),
(3,2,2,3,0,0,0,0),
(3,2,2,3,0,0,0,0),
(3,2,2,3,0,0,0,0),
(3,2,2,3,0,0,0,0),
(3,2,2,3,0,0,0,0),
(3,2,2,3,0,0,0,0),
(3,2,2,3,3,3,3,3),
(3,2,2,2,2,2,1,3),
(3,2,2,2,2,2,1,3),
(3,2,2,2,2,2,1,3),
(3,3,2,2,2,2,1,3),
(0,3,3,2,2,2,1,3),
(0,0,3,3,3,3,3,3)
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($phone, 1));
height: $size * length($phone);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $phone, $phone-colors);
@include fill-gaps();
}
}

37
node_modules/nes.css/scss/pixel-arts/pokeball.scss generated vendored Normal file
View file

@ -0,0 +1,37 @@
.nes-pokeball {
$pokeball-colors: (#060606, #ff001d, #fff, #9fa1a1);
// prettier-ignore
$pokeball: (
(0,0,0,0,0,1,1,1,1,0,0,0,0,0),
(0,0,0,1,1,2,2,2,2,1,1,0,0,0),
(0,0,1,3,3,2,2,2,2,2,2,1,0,0),
(0,1,3,3,2,2,2,2,2,2,2,1,1,0),
(0,1,3,2,2,2,2,2,2,2,2,2,1,0),
(1,3,2,2,2,2,2,2,2,2,2,2,2,1),
(1,1,1,2,2,2,2,1,1,1,2,2,2,1),
(1,1,1,1,2,2,1,3,3,3,1,2,2,1),
(1,4,3,1,1,1,1,3,3,3,1,1,1,1),
(0,1,3,3,3,1,1,3,3,3,1,3,1,0),
(0,1,3,3,3,3,3,1,1,1,3,3,1,0),
(0,0,1,4,4,3,3,3,3,3,3,1,0,0),
(0,0,0,1,1,4,4,4,4,1,1,0,0,0),
(0,0,0,0,0,1,1,1,1,0,0,0,0,0),
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($pokeball, 1));
height: $size * length($pokeball);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $pokeball, $pokeball-colors);
@include fill-gaps();
}
}

50
node_modules/nes.css/scss/pixel-arts/smartphone.scss generated vendored Normal file
View file

@ -0,0 +1,50 @@
.nes-smartphone {
$smartphone-colors: (#fff, #060606);
// prettier-ignore
$smartphone: (
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
(2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
(2,1,1,1,2,2,2,2,2,2,2,1,1,1,2),
(2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
(2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
(2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
(2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,0)
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($smartphone, 1));
height: $size * length($smartphone);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $smartphone, $smartphone-colors);
@include fill-gaps();
}
}

34
node_modules/nes.css/scss/pixel-arts/snes-icon.scss generated vendored Normal file
View file

@ -0,0 +1,34 @@
.snes-logo {
$logo-colors: (#333, #d7d7d7, #8932e5, #ad6df0);
// prettier-ignore
$logo: (
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
(0,0,1,1,1,1,1,1,1,1,1,1,1,0,0),
(0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
(1,2,2,1,2,2,2,2,2,2,2,4,2,2,1),
(1,2,1,1,1,2,2,2,2,2,4,2,3,2,1),
(1,2,2,1,2,2,1,2,1,2,2,3,2,2,1),
(0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
(0,0,1,1,1,1,1,1,1,1,1,1,1,0,0)
);
$size: 4px;
position: relative;
display: inline-block;
width: $size * length(nth($logo, 1));
height: $size * length($logo);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
}
}

35
node_modules/nes.css/scss/pixel-arts/snes-jp-icon.scss generated vendored Normal file
View file

@ -0,0 +1,35 @@
.snes-jp-logo {
$px: 3px;
$logo-colors: (#333, #d7d7d7, #7dbb78, #999cf7, #f40500, #f6f504);
// prettier-ignore
$logo: (
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
(0,0,1,1,1,1,1,1,1,1,1,1,1,0,0),
(0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
(1,2,2,1,2,2,2,2,2,2,2,4,2,2,1),
(1,2,1,1,1,2,2,2,2,2,3,2,5,2,1),
(1,2,2,1,2,2,1,2,1,2,2,6,2,2,1),
(0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
(0,0,1,1,1,1,1,1,1,1,1,1,1,0,0)
);
$size: 4px;
position: relative;
display: inline-block;
width: $size * length(nth($logo, 1));
height: $size * length($logo);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $logo, $logo-colors);
@include fill-gaps();
}
}

40
node_modules/nes.css/scss/pixel-arts/squirtle.scss generated vendored Normal file
View file

@ -0,0 +1,40 @@
.nes-squirtle {
$squirtle-colors: (#000, #9cf, #cb6633, #9fa1a1, #fff, #f89934, #ff3);
// prettier-ignore
$squirtle: (
(0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0,0),
(0,0,1,2,2,2,2,1,1,0,0,0,0,0,0,1,2,2,2,1,0),
(0,1,2,2,2,2,2,2,2,1,1,0,0,0,1,2,2,2,2,2,1),
(0,1,2,2,2,2,2,2,2,1,6,1,1,0,1,2,2,2,1,2,1),
(1,3,2,2,2,2,2,2,2,2,6,6,6,1,2,2,2,1,2,2,1),
(1,2,2,2,2,5,1,2,2,2,5,6,6,6,1,2,2,1,2,1,0),
(1,2,2,2,2,1,3,2,2,2,5,6,6,6,1,2,1,1,1,0,0),
(0,1,2,2,2,1,3,2,2,2,1,5,6,6,6,1,1,0,0,0,0),
(0,0,1,1,2,2,2,2,1,1,2,2,5,6,6,1,0,0,0,0,0),
(0,0,1,2,1,1,1,1,2,2,2,2,5,6,6,1,0,0,0,0,0),
(0,0,0,1,1,7,7,1,2,2,2,1,5,6,6,1,0,0,0,0,0),
(0,0,0,0,0,1,7,7,1,1,1,1,5,6,6,1,0,0,0,0,0),
(0,0,0,0,1,2,1,7,7,7,7,7,1,5,1,0,0,0,0,0,0),
(0,0,0,0,0,1,1,1,1,7,7,2,1,5,1,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,1,1,1,2,1,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,1,2,2,2,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0),
);
$size: 6px;
position: relative;
display: inline-block;
width: $size * length(nth($squirtle, 1));
height: $size * length($squirtle);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $squirtle, $squirtle-colors);
@include fill-gaps();
}
}

7
node_modules/nes.css/scss/utilities/_index.scss generated vendored Normal file
View file

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

9
node_modules/nes.css/scss/utilities/animations.scss generated vendored Normal file
View file

@ -0,0 +1,9 @@
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
}

5
node_modules/nes.css/scss/utilities/fill-gaps.scss generated vendored 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);
}

59
node_modules/nes.css/scss/utilities/icon-mixin.scss generated vendored Normal file
View file

@ -0,0 +1,59 @@
@mixin pixelize($size, $matrix, $colors, $default-color: null) {
$ret: "";
$moz: "";
@if ($default-color == null) {
// count number of each color in matrix and decide main color by highest count
$matrix-colors: ();
$counts: ();
@each $row in $matrix {
@each $item in $row {
@if $item != 0 {
$index: index($matrix-colors, $item);
@if not $index {
$matrix-colors: append($matrix-colors, $item);
$counts: append($counts, 1);
} @else {
$count: nth($counts, $index) + 1;
$counts: set-nth($counts, $index, $count);
}
}
}
}
// use index of the highest count to get the corresponding matrix color
$default-color: nth($colors, nth($matrix-colors, index($counts, max($counts...))));
}
@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 + ",";
$moz: $moz + ",";
}
$color: nth($colors, $dot);
@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);
// firefox only style
@supports (-moz-appearance: meterbar) {
box-shadow: unquote($moz);
}
}

64
node_modules/nes.css/scss/utilities/rounded-corners-mixin.scss generated vendored Normal file
View file

@ -0,0 +1,64 @@
%rounded-corner-defaults {
border-style: solid;
border-width: $border-size;
}
@mixin border-image($color) {
border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z" fill="rgb(#{red($color)},#{green($color)},#{blue($color)})" /></svg>');
}
@mixin compact-border-image($color) {
border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(#{red($color)},#{green($color)},#{blue($color)})" /></svg>');
}
@mixin border-image-repeat() {
border-image-repeat: stretch;
// for chrome
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
border-image-repeat: space;
}
// for firefox
@supports (-moz-appearance: meterbar) {
border-image-repeat: stretch;
}
}
@mixin rounded-corners($isDark: false) {
@extend %rounded-corner-defaults;
border-image-slice: 3;
border-image-width: 3;
@include border-image-repeat();
@if $isDark {
@include border-image($color-white);
border-image-outset: 0;
} @else {
@include border-image($color-black);
border-image-outset: 2;
}
}
@mixin compact-rounded-corners($isDark: false) {
@extend %rounded-corner-defaults;
border-image-slice: 2;
border-image-width: 2;
@include border-image-repeat();
@if $isDark {
@include compact-border-image($color-white);
border-image-outset: 0;
} @else {
@include compact-border-image($color-black);
border-image-outset: 2;
}
}

13
node_modules/nes.css/scss/utilities/visually-hidden.scss generated vendored Normal file
View file

@ -0,0 +1,13 @@
/* https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 */
@mixin visually-hidden() {
// position: absolute;
// margin: -1px;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
clip-path: inset(50%);
}