// Generate presentational markup for block grid.
//
// $size - Name of class to use, i.e. "large" will generate .large-block-grid-1, .large-block-grid-2, etc.
-@mixin block-grid-html-classes($size,$include-spacing) {
+@mixin block-grid-html-classes($size, $include-spacing) {
@for $i from 1 through $block-grid-elements {
.#{$size}-block-grid-#{($i)} {
@include block-grid($i, $block-grid-default-spacing, $include-spacing, false);
@if $block-grid-media-queries {
@media #{$small-up} {
- @include block-grid-html-classes($size:small,$include-spacing:false);
+ @include block-grid-html-classes($size:small, $include-spacing:false);
}
@media #{$medium-up} {
- @include block-grid-html-classes($size:medium,$include-spacing:false);
+ @include block-grid-html-classes($size:medium, $include-spacing:false);
}
@media #{$large-up} {
- @include block-grid-html-classes($size:large,$include-spacing:false);
+ @include block-grid-html-classes($size:large, $include-spacing:false);
}
@if $include-xl-html-block-grid-classes {
@media #{$xlarge-up} {
- @include block-grid-html-classes($size:xlarge,$include-spacing:false);
+ @include block-grid-html-classes($size:xlarge, $include-spacing:false);
}
@media #{$xxlarge-up} {
- @include block-grid-html-classes($size:xxlarge,$include-spacing:false);
+ @include block-grid-html-classes($size:xxlarge, $include-spacing:false);
}
}
}
&.large { @include button-size($padding:$button-lrg); }
&.small { @include button-size($padding:$button-sml); }
&.tiny { @include button-size($padding:$button-tny); }
- &.expand { @include button-size($padding:null,$full-width:true); }
+ &.expand { @include button-size($padding:null, $full-width:true); }
&.left-align { text-align: left; text-indent: rem-calc(12); }
&.right-align { text-align: right; padding-right: rem-calc(12); }
@include exports("dropdown-button") {
@if $include-html-button-classes {
.dropdown.button, button.dropdown { @include dropdown-button;
- &.tiny { @include dropdown-button(tiny,$base-style:false); }
- &.small { @include dropdown-button(small,$base-style:false); }
- &.large { @include dropdown-button(large,$base-style:false); }
+ &.tiny { @include dropdown-button(tiny, $base-style:false); }
+ &.small { @include dropdown-button(small, $base-style:false); }
+ &.large { @include dropdown-button(large, $base-style:false); }
&.secondary:after { border-color: $dropdown-button-pip-color-alt transparent transparent transparent; }
}
}
// $horizontal: Default: 0
// $vertical: Default: 0
@mixin translate2d($horizontal:0, $vertical:0) {
- transform: translate($horizontal,$vertical)
+ transform: translate($horizontal, $vertical)
}
// @mixins
@for $i from 1 through $total-columns {
- .#{$size}-#{$i} { @include grid-column($columns:$i,$collapse:null,$float:false); }
+ .#{$size}-#{$i} { @include grid-column($columns:$i, $collapse:null, $float:false); }
}
@for $i from 0 through $total-columns - 1 {
- .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); }
+ .#{$size}-offset-#{$i} { @include grid-column($offset:$i, $collapse:null, $float:false); }
}
.#{$size}-reset-order {
width: 100%;
}
-@mixin translate3d($tx,$ty,$tz) {
- -webkit-transform: translate3d($tx,$ty,$tz);
- -moz-transform: translate3d($tx,$ty,$tz);
- -ms-transform: translate($tx,$ty);
- -ms-transform: translate3d($tx,$ty,$tz);
- -o-transform: translate3d($tx,$ty,$tz);
- transform: translate3d($tx,$ty,$tz)
+@mixin translate3d($tx, $ty, $tz) {
+ -webkit-transform: translate3d($tx, $ty, $tz);
+ -moz-transform: translate3d($tx, $ty, $tz);
+ -ms-transform: translate($tx, $ty);
+ -ms-transform: translate3d($tx, $ty, $tz);
+ -o-transform: translate3d($tx, $ty, $tz);
+ transform: translate3d($tx, $ty, $tz)
}
// basic styles for off-canvas menu container