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