@if length($range) <= 0 {
@return 0;
}
- @return nth($range,1);
+ @return nth($range, 1);
}
@function upper-bound($range) {
@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);
+ @include block-grid($i, $block-grid-default-spacing, $include-spacing, false);
}
}
}
/* Label Styles */
label { @include form-label;
- &.right { @include form-label(right,false); }
- &.inline { @include form-label(inline,false); }
+ &.right { @include form-label(right, false); }
+ &.inline { @include form-label(inline, false); }
/* Styles for required inputs */
small {
text-transform: $form-label-small-transform;
.postfix { @include prefix-postfix-base; }
/* Adjust padding, alignment and radius if pre/post element is a button */
- .postfix.button { @include button-size(false,false); @include postfix(false, false, true); }
- .prefix.button { @include button-size(false,false); @include prefix(false, false, true); }
+ .postfix.button { @include button-size(false, false); @include postfix(false, false, true); }
+ .prefix.button { @include button-size(false, false); @include prefix(false, false, true); }
.prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); }
.postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); }
.postfix.button.round { @include radius(0); @include side-radius($opposite-direction, $button-round); }
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
- span.prefix,label.prefix { @include prefix(); }
- span.postfix,label.postfix { @include postfix(); }
+ span.prefix, label.prefix { @include prefix(); }
+ span.postfix, label.postfix { @include postfix(); }
/* We use this to get basic styling on all basic form elements */
#{text-inputs(all, 'input')} {
// z-index: 999;
// Typography
- h1,h2,h3,h4,h5,h6 {
+ h1, h2, h3, h4, h5, h6 {
color: $tabbar-header-color;
font-weight: $tabbar-header-weight;
line-height: $tabbar-header-line-height;
margin: $tabbar-header-margin;
}
- h1,h2,h3,h4 { font-size: $h5-font-size; }
+ h1, h2, h3, h4 { font-size: $h5-font-size; }
}
// SMALL SECTIONS
@if $adjust {
// We set the font color based on the darkness of the bg.
- @if $bg-lightness >= 50% {
- h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; }
+ @if $bg-lightness >= 50% {
+ h1, h2, h3, h4, h5, h6, p, li, dl { color: $panel-font-color; }
}
- @else {
- h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; }
+ @else {
+ h1, h2, h3, h4, h5, h6, p, li, dl { color: $panel-font-color-alt; }
}
// reset header line-heights for panels
- h1,h2,h3,h4,h5,h6 {
+ h1, h2, h3, h4, h5, h6 {
line-height: 1; margin-bottom: rem-calc(20) / 2;
&.subheader { line-height: 1.4; }
}
// $box-shadow - Box shadow to apply to thumbnail. Default: $thumb-box-shadow.
// $box-shadow-hover - Box shadow to apply on hover. Default: $thumb-box-shadow-hover.
@mixin thumb(
- $border-width:$thumb-border-width,
- $box-shadow:$thumb-box-shadow,
+ $border-width:$thumb-border-width,
+ $box-shadow:$thumb-box-shadow,
$box-shadow-hover:$thumb-box-shadow-hover) {
line-height: 0;
display: inline-block;
/* Image Thumbnails */
.th {
@include thumb;
- @include single-transition(all,$thumb-transition-speed,ease-out);
+ @include single-transition(all, $thumb-transition-speed, ease-out);
&.radius { @include radius($thumb-radius); }
}
}
-}
\ No newline at end of file
+}
@media #{$medium-up} {
- h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; }
+ h1, h2, h3, h4, h5, h6 { line-height: $header-line-height; }
h1 { font-size: $h1-font-size; }
h2 { font-size: $h2-font-size; }
h3 { font-size: $h3-font-size; }