Skip to content

Instantly share code, notes, and snippets.

@Scretch-1
Last active June 28, 2017 05:15
Show Gist options
  • Save Scretch-1/b99b4ffa04b5d4390ef035e46b66bd13 to your computer and use it in GitHub Desktop.
Save Scretch-1/b99b4ffa04b5d4390ef035e46b66bd13 to your computer and use it in GitHub Desktop.
Поле ввода input как в бутстрапе (миксин SASS)
/* mixin SASS input as in bootstrap */
// input style custom
// пример: @include input($green,$black,$black,.5s);
=input($bsh: transparentize(blue, 0.3), $bdc: gray, $pl: gray, $timetransit: 0.15s)
display: inline-block
height: 34px
padding: 6px 12px
font-size: 14px
line-height: 1.42857143
color: #555
background-color: #fff
background-image: none
border: 1px solid $bdc
border-radius: 4px
-webkit-box-shadow: inset 0 0 1px $bdc
box-shadow: inset 0 0 1px $bdc
-webkit-transition: border-color ease-in-out $timetransit, -webkit-box-shadow ease-in-out $timetransit
-o-transition: border-color ease-in-out $timetransit, box-shadow ease-in-out $timetransit
transition: border-color ease-in-out $timetransit, box-shadow ease-in-out $timetransit
&:focus
border-color: $bsh
outline: 0
-webkit-box-shadow: inset 0 0 1px $bdc, 0 0 8px $bsh
box-shadow: inset 0 0 1px $bdc, 0 0 8px $bsh
&::-moz-placeholder
color: $pl
opacity: 1
&:-ms-input-placeholder
color: $pl
&::-webkit-input-placeholder
color: $pl
&::-ms-expand
background-color: transparent
border: 0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment