[scss] chrome+firefox cross-compatibility

This commit is contained in:
xdrm-brackets 2018-03-08 12:39:19 +01:00
parent 56b858c044
commit 3f7aaee9b5
2 changed files with 14 additions and 2 deletions

View File

@ -296,6 +296,7 @@
& > select.category{ & > select.category{
width: calc( 100% + 1em ); width: calc( 100% + 1em );
height: 3em;
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-left: -.4em; // emulate no <select> margin-left: -.4em; // emulate no <select>
@ -307,13 +308,18 @@
border-radius: 0; border-radius: 0;
// remove arrow // remove arrow
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */ -webkit-appearance: none; /* Safari and Chrome */
-moz-appearance: none; /* Firefox */
appearance: none;
background: transparent url('/asset/svg/down_arrow.svg@bbbbbb') right .5em center no-repeat; background: transparent url('/asset/svg/down_arrow.svg@bbbbbb') right .5em center no-repeat;
background-size: auto 80%; background-size: auto 80%;
font-size: .7em;
letter-spacing: .05em;
font-family: inherit;
} }
/* (5) Card title */ /* (5) Card title */
@ -365,6 +371,8 @@
color: darken($primary-color, 5%); color: darken($primary-color, 5%);
font-size: 1em; font-size: 1em;
font-weight: bold; font-weight: bold;
font-family: inherit;
background: transparent; background: transparent;
} }

View File

@ -19,6 +19,8 @@ select.neutral{
background-color: #fff; background-color: #fff;
font-family: inherit;
color: lighten($primary-color, 15%); color: lighten($primary-color, 15%);
transition: border .2s ease-in-out, transition: border .2s ease-in-out,
@ -120,6 +122,8 @@ input[type=submit].neutral{
background: #fff center center no-repeat; background: #fff center center no-repeat;
text-transform: uppercase; text-transform: uppercase;
font-weight: normal; font-weight: normal;
font-family: inherit;
color: $primary-color; color: $primary-color;