@mixin default-focus-style($bg-color: $very-light-blue, $border: 1px solid $blue) { background-color: $bg-color; border: $border; @include box-shadow(0 0 6px $blue, inset 0 0 4px $light-blue); outline: none; @include transition( box-shadow 0.25s ease-in-out, background-color 0.25s ease-in-out, border 0.25s ease-in-out ); &::-moz-focus-inner { border: none !important; padding: 1px !important; } } @mixin default-label-style { font-size: 10px; text-shadow: #fff 0 1px 2px; margin-top: $default-margin; display: block; line-height: 100%; @extend .disable-user-select; clear: both; } @mixin form-label { @extend .border-box-sizing; width: $form-left-width; padding-right: 2*$default-padding; padding-top: $default-padding + 1; margin-top: 4px; vertical-align: top; line-height: 19px; word-break: normal; float: left; text-align: right; } @mixin form-heading { border-bottom: 1px solid #CECECE; padding-right: 8px; margin-top: 8px; text-align: right; font-weight: normal; color: #585858; text-transform: uppercase; } @mixin form-value-display { float: right; width: $form-right-width; margin: $default-form-field-margin; padding: $default-padding 2*$default-padding; line-height: 21px; min-height: 29px; background: white; @extend %rounded-border; @extend .border-box-sizing; } @mixin animate-left { -webkit-transition: left 0.15s ease-in-out; -moz-transition: left 0.15s ease-in-out; -ms-transition: left 0.15s ease-in-out; -o-transition: left 0.15s ease-in-out; transition: left 0.15s ease-in-out; } @mixin bottom-right-rounded-border { $side: bottom-right; $radius: 3px; -webkit-border-#{$side}-radius: $radius; -moz-border-radius-#{$side}: $radius; -ms-border-#{$side}-radius: $radius; -o-border-#{$side}-radius: $radius; border-#{$side}-radius: $radius; } @mixin drop-shadow { $shadow: 0px 0px 4px $dark-gray; -webkit-box-shadow: $shadow; -moz-box-shadow: $shadow; -ms-box-shadow: $shadow; -o-box-shadow: $shadow; box-shadow: $shadow; } @mixin box-sizing($box-sizing-type: content-box) { -webkit-box-sizing: $box-sizing-type; -moz-box-sizing: $box-sizing-type; box-sizing: $box-sizing-type; } @mixin tag-base($margin: 2*$default-margin 0, $padding: $default-padding 4*$default-padding $default-padding 6*$default-padding) { padding: $padding; margin: $margin; background-color: $medium-gray; overflow: hidden; position: relative; @extend %rounded-border; &:before { position: absolute; left: 8px; top: 8px; font-family: 'Alchemy Icons'; @extend .icon-tag:before; line-height: 8px; } }