Sha256: 0670458feb0766c246255c28e2de0b443840d35bb647b659de3a8a6febe458cb
Contents?: true
Size: 1.64 KB
Versions: 9
Compression:
Stored size: 1.64 KB
Contents
//
// Mixins
// --------------------------------------------------
// Bootstrap overrides and PatternFly-specific mixins
// Bootstrap overrides
// -------------------
// Form control outline
@mixin form-control-outline($color: $input-border-focus) {
$color-rgba: rgba(red($color), green($color), blue($color), .6);
&:focus {
border-color: $color;
outline: 0 !important;
@include box-shadow(#{inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 8px #{$color-rgba}});
}
}
@mixin gradient-striped($color: rgba($color-pf-black, 0.15), $angle: -45deg) {
background-image: linear-gradient($angle, $color 25%, $color 26%, transparent 27%, transparent 49%, $color 50%, $color 51%, transparent 52%, transparent 74%, $color 75%, $color 76%, transparent 77%);
}
// Horizontal dividers
@mixin nav-divider($color: $color-pf-black-200, $margin: 4px 1px) {
background-color: $color;
height: 1px;
margin: $margin;
overflow: hidden;
}
// Placeholder text
@mixin placeholder($color: $input-color-placeholder) {
&::placeholder { color: $color; }
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
&::-moz-placeholder {
color: $color;
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
}
}
// PatternFly-specific
// -------------------
@mixin tab-indicator($background: $gray-light-pf, $left: 15px, $right: 15px) {
&:before {
background: $background;
bottom: -1px;
content: "";
display: block;
height: 2px;
left: $left;
position: absolute;
right: $right;
}
}
Version data entries
9 entries across 9 versions & 1 rubygems