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

fix: fix border bugs on chrome

Browse Source 
border is broken when zooming in/out on chrome

fix #244
This commit is contained in:
BcRikko
2019-02-06 00:08:11 +09:00
parent 7a04f18658
commit 20d348e95b
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
scss/form/inputs.scss
View File

@@ -1,18 +1,17 @@
.nes-input, .nes-input,
.nes-textarea { .nes-textarea {
@mixin border-style($border, $outline) { @mixin border-style($border, $outline) {
@include compact-rounded-corners();
@include compact-border-image($border); @include compact-border-image($border);
outline-color: $outline; outline-color: $outline;
} }
@include compact-rounded-corners();
width: 100%; width: 100%;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin: 4px; margin: 4px;
@include border-style($base-color, map-get($default-colors, "hover"));
&.is-dark { &.is-dark {
@include border-style(map-get($default-colors, "normal"), map-get($default-colors, "hover")); @include border-style(map-get($default-colors, "normal"), map-get($default-colors, "hover"));

2
scss/utilities/rounded-corners-mixin.scss
View File

@@ -16,6 +16,7 @@
border-image-slice: 3; border-image-slice: 3;
border-image-width: 3; border-image-width: 3;
border-image-repeat: space;
@if $isDark { @if $isDark {
@include border-image($color-white); @include border-image($color-white);
@@ -33,6 +34,7 @@
border-image-slice: 2; border-image-slice: 2;
border-image-width: 2; border-image-width: 2;
border-image-repeat: space;
@if $isDark { @if $isDark {
@include compact-border-image($color-white); @include compact-border-image($color-white);