app/assets/stylesheets/components/_inputs.scss in arctic_admin-1.2.6 vs app/assets/stylesheets/components/_inputs.scss in arctic_admin-1.2.7
- old
+ new
@@ -1,49 +1,42 @@
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea {
-webkit-appearance: none;
+ -moz-appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
-o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
- -moz-appearance: none;
display: block;
width: 100%;
height: 36px;
- padding: 6px 15px;
+ padding: 6px 12px;
font-size: 14px;
line-height: 1.57142857;
- color: #76838f;
+ color: $text-color;
background-color: #fff;
background-image: none;
border: 1px solid #e4eaec;
+ outline: 0;
border-radius: 3px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
- -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+ -webkit-transition: border-color ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s;
+ transition: border-color ease-in-out .15s;
&:focus {
- border-color: #62a8ea;
- -webkit-box-shadow: none;
- box-shadow: none;
- outline: 0;
-
+ border-color: $primary-color;
-webkit-appearance: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
- -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
- transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
-moz-appearance: none;
+ -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
+ -o-transition: border .25s linear,color .25s linear,background-color .25s linear;
+ transition: border .25s linear,color .25s linear,background-color .25s linear;
}
&:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px white inset;
- -webkit-text-fill-color: #76838f;
+ -webkit-text-fill-color: $text-color;
}
}
input[type="submit"] {
-webkit-appearance: none;
@@ -65,10 +58,11 @@
border: 1px solid #e6e6e6;
border-radius: 3px;
box-sizing: border-box;
@include outline();
@include transition-button();
+ cursor: pointer;
&:checked {
border-color: $primary-color;
background-color: $primary-color;
}
@@ -76,26 +70,22 @@
select {
background-color: #fff;
background-image: none;
border: 1px solid #e4eaec;
+ outline: 0;
border-radius: 3px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
- -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
- -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
- transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+ -webkit-transition: border-color ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s;
+ transition: border-color ease-in-out .15s;
&:focus {
- border-color: #62a8ea;
+ border-color: $primary-color;
-webkit-box-shadow: none;
box-shadow: none;
- outline: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
- -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
- transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
+ -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
+ -o-transition: border .25s linear,color .25s linear,background-color .25s linear;
+ transition: border .25s linear,color .25s linear,background-color .25s linear;
}
&:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
\ No newline at end of file