mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-09-01 18:13:32 +02:00
Code Issues Releases Wiki Activity

refactor(select): Refactor #pixelize usage, fix link in index.html

Browse Source 
Use remove width, height and transform properties and use font-size to adjust #pixelize output.

#152
This commit is contained in:
Wojciech Olejnik
2018-12-20 21:52:06 +01:00
parent 13d4d7ec9b
commit 9813073630
2 changed files with 6 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -14,7 +14,7 @@
<title>NES.css - NES-style CSS Framework</title> <title>NES.css - NES-style CSS Framework</title>
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link href="./css/nes.min.css" rel="stylesheet" /> <link href="https://unpkg.com/nes.css/css/nes.min.css" rel="stylesheet" />
<link href="./style.css" rel="stylesheet" /> <link href="./style.css" rel="stylesheet" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />

20
scss/form/select.scss
View File

@@ -8,6 +8,7 @@
(0,0,1,1,1,0,0), (0,0,1,1,1,0,0),
(0,0,0,1,0,0,0), (0,0,0,1,0,0,0),
); );
$colors: ($base-color, map-get($default-colors, "shadow"));
position: relative; position: relative;
width: 100%; width: 100%;
@@ -28,27 +29,20 @@
} }
&::after { &::after {
$colors: ($base-color, map-get($default-colors, "shadow"));
@include pixelize($dropdown, $colors); @include pixelize($dropdown, $colors);
position: absolute; position: absolute;
top: calc(50% - 11px); top: calc(50% - 11px);
right: 36px; right: 36px;
width: 2px; font-size: 3px;
height: 2px;
font-size: 2px;
content: ""; content: "";
transform: scale(1.5);
} }
&.is-success { &.is-success {
$color: map-get($success-colors, "normal"); $color: map-get($success-colors, "normal");
&::after { &::after {
$colors: ($color, map-get($default-colors, "shadow")); color: $color;
@include pixelize($dropdown, $colors);
} }
select { select {
@@ -60,9 +54,7 @@
$color: map-get($warning-colors, "normal"); $color: map-get($warning-colors, "normal");
&::after { &::after {
$colors: ($color, map-get($default-colors, "shadow")); color: $color;
@include pixelize($dropdown, $colors);
} }
select { select {
@@ -74,9 +66,7 @@
$color: map-get($error-colors, "normal"); $color: map-get($error-colors, "normal");
&::after { &::after {
$colors: ($color, map-get($default-colors, "shadow")); color: $color;
@include pixelize($dropdown, $colors);
} }
select { select {