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 borders bugs on chrome without breaking in firefox

Browse Source
This commit is contained in:
Igor Guastalla de Lima 2019-03-03 20:25:48 -03:00
parent c2c03cb314
commit 8263f08c6e
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,6 +11,18 @@
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-chrome() {
@media screen and (-webkit-min-device-pixel-ratio: 0) {
border-image-repeat: space;
}
}
@mixin border-image-ff() {
@-moz-document url-prefix() {
border-image-repeat: stretch;
}
}
@mixin rounded-corners($isDark: false) {
@extend %rounded-corner-defaults;
@ -18,6 +30,9 @@
border-image-width: 3;
border-image-repeat: stretch;
@include border-image-chrome();
@include border-image-ff();
@if $isDark {
@include border-image($color-white);
@ -36,6 +51,9 @@
border-image-width: 2;
border-image-repeat: stretch;
@include border-image-chrome();
@include border-image-ff();
@if $isDark {
@include compact-border-image($color-white);