Sha256: f0b02a3515e36753dbbc2f6fc157183d8b53aa02f73f642362e9bee39b47f70c
Contents?: true
Size: 1.82 KB
Versions: 3
Compression:
Stored size: 1.82 KB
Contents
// If an element has a background and should stretch across the
// width of the page on a phone, include this mixin.
@mixin expand_for_phone($padding:true) {
margin-left: -$gridGutterWidthPhone;
margin-right: -$gridGutterWidthPhone;
@if $padding {
padding-left: $gridGutterWidthPhone;
padding-right: $gridGutterWidthPhone;
}
}
@mixin font-family-monospace() {
font-family: Menlo, Monaco, "Liberation Mono", Consolas, monospace;
}
// Override Mixin for generating button backgrounds
// ---------------------------------------
@mixin buttonBackground($startColor, $endColor) {
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
@include gradientBar($startColor, $endColor);
@include reset-filter();
&:hover, &:focus {
background-color: $endColor;
}
&:active, &.active, &.disabled, &[disabled] {
background-color: $startColor;
}
}
@mixin buttonBackgroundConsole($startColor, $endColor) {
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
@include gradientBar($startColor, $endColor);
@include reset-filter();
&:hover {
background-color: $startColor;
color: #fff;
}
&:active, &.active, &.disabled, &[disabled] {
background-color: $startColor;
color: #ccc;
border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1);
}
}
// IE7 inline-block
// ----------------
@mixin ie7-inline-block() {
*display: inline; /* IE7 inline-block hack */
*zoom: 1;
}
// Block-level
// -----------
@mixin block-level() {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
@include box-sizing(border-box);
}
.block-level {
@include block-level();
}
// Vertically space out multiple blocks
.block-level + .block-level {
margin-top: 8px;
}
Version data entries
3 entries across 3 versions & 1 rubygems