Sha256: 2183065d2ba54652b5e8a59edfb7487ad77692d0fb524371e0aae9e43da932ab
Contents?: true
Size: 1.43 KB
Versions: 2
Compression:
Stored size: 1.43 KB
Contents
// Sass Mixins // -------------------------------------------------- @mixin transparent($color, $alpha) { $rgba: rgba($color, $alpha); $ie-hex-str: ie-hex-str($rgba); background-color: transparent; background-color: $rgba; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str}); zoom: 1; } @mixin well() { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: $well-bg; border: 1px solid darken($well-bg, 7%); @include border-radius(4px); @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } } @mixin btn() { display: inline-block; } // Breakpoint mixin. // Usage: @include breakpoint(sm) { ... } // ----------------------------------------------------------------------------- @mixin breakpoint($class) { @if $class == xs { @media (max-width: $screen-xs-max) { @content; } } @else if $class == sm { @media (min-width: $screen-sm) { @content; } } @else if $class == md { @media (min-width: $screen-md) { @content; } } @else if $class == lg { @media (min-width: $screen-lg) { @content; } } @else { @warn "Breakpoint mixin supports: xs, sm, md, lg"; } } // Font Awesome. // Usage: @include fa(bars) { ... } // ----------------------------------------------------------------------------- @mixin fa($icon) { @extend .fa; @extend .fa-#{$icon} }
Version data entries
2 entries across 2 versions & 1 rubygems
Version | Path |
---|---|
compass_radix-3.2.0 | stylesheets/compass_radix/_mixin.scss |
compass_radix-3.1.6 | stylesheets/compass_radix/_mixin.scss |