mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-04-21 22:52:42 +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
Show Stats 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-textarea {
@mixin border-style($border, $outline) {
@include compact-rounded-corners();
@include compact-border-image($border);
outline-color: $outline;
}
@include compact-rounded-corners();
width: 100%;
padding: 0.5rem 1rem;
margin: 4px;
@include border-style($base-color, map-get($default-colors, "hover"));
&.is-dark {
@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-width: 3;
border-image-repeat: space;
@if $isDark {
@include border-image($color-white);
@ -33,6 +34,7 @@
border-image-slice: 2;
border-image-width: 2;
border-image-repeat: space;
@if $isDark {
@include compact-border-image($color-white);