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

Merge pull request #271 from nostalgic-css/fix-border-bug-on-chrome

Browse Source 
fix border bugs on chrome
This commit is contained in:
Igor Guastalla
2019-02-05 18:30:51 -02:00
committed by GitHub
parent 7a04f18658 20d348e95b
commit e26de687a9
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-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);