Sha256: c27da6b9e360527366f55af584b93e63df9aca9975f18f3af627fbe4306dc17a
Contents?: true
Size: 1.46 KB
Versions: 1
Compression:
Stored size: 1.46 KB
Contents
@mixin inputfield($color: #444444, $bg_color: #ffffff, $border_color: #dfdfdf) { display: inline-block; position: relative; text-decoration: none; text-shadow: none !important; color: $color; border: 1px solid $border_color; border-radius: 3px !important; font-weight: bold; font-size: 1.4rem !important; height: 4.4rem !important; padding: 1rem 1.4rem !important; margin: 0; background: $bg_color !important; box-shadow: none !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; /*&:hover { background-color: darken($bg_color,10%) !important; color: darken($color,10%); }*/ &:focus { border-color: #298eea !important; } &.highl { background-color: rgba(255, 200, 127, 0.26) !important; } } body.index { div#sidebar { input[type="text"] { @include inputfield; } } } body.edit, body.new { div#main_content { form input[type=text], form input[type=password], form input[type=email], form input[type=number], form input[type=url], form input[type=tel], form input[type=date], form textarea { @include inputfield; } } } select { @include inputfield; } .bootstrap-select { button { @include inputfield; } } form input[type=text] { width: calc(80% - 32px); /*padding: 10px 10px 10px 10px;*/ }
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
c80_md-0.1.0.10 | app/assets/stylesheets/mat_design/elements/inputs.scss |