From ee4ddd5446ea84141f697c157186c8dd44faba85 Mon Sep 17 00:00:00 2001 From: yanas Date: Wed, 22 Feb 2017 17:14:09 -0600 Subject: [PATCH] Fixes indentation --- css/_mixins.scss | 200 +++++++++++++++--------------- css/components/_input-slider.scss | 36 +++--- 2 files changed, 118 insertions(+), 118 deletions(-) diff --git a/css/_mixins.scss b/css/_mixins.scss index b70c59077..27795c8f4 100644 --- a/css/_mixins.scss +++ b/css/_mixins.scss @@ -2,52 +2,52 @@ * Animation mixin. */ @mixin animation($animate...) { - $max: length($animate); - $animations: ''; + $max: length($animate); + $animations: ''; - @for $i from 1 through $max { - $animations: #{$animations + nth($animate, $i)}; + @for $i from 1 through $max { + $animations: #{$animations + nth($animate, $i)}; - @if $i < $max { - $animations: #{$animations + ", "}; + @if $i < $max { + $animations: #{$animations + ", "}; + } } - } - -webkit-animation: $animations; - -moz-animation: $animations; - -o-animation: $animations; - animation: $animations; + -webkit-animation: $animations; + -moz-animation: $animations; + -o-animation: $animations; + animation: $animations; } @mixin flex() { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; } /** * Keyframes mixin. */ @mixin keyframes($animationName) { - @-webkit-keyframes #{$animationName} { - @content; - } - @-moz-keyframes #{$animationName} { - @content; - } - @-o-keyframes #{$animationName} { - @content; - } - @keyframes #{$animationName} { - @content; - } + @-webkit-keyframes #{$animationName} { + @content; + } + @-moz-keyframes #{$animationName} { + @content; + } + @-o-keyframes #{$animationName} { + @content; + } + @keyframes #{$animationName} { + @content; + } } @mixin circle($diameter) { - width: $diameter; - height: $diameter; - border-radius: 50%; + width: $diameter; + height: $diameter; + border-radius: 50%; } /** @@ -60,10 +60,10 @@ } @mixin absoluteAligning() { - top: 50%; - left: 50%; - position: absolute; - @include transform(translate(-50%, -50%)); + top: 50%; + left: 50%; + position: absolute; + @include transform(translate(-50%, -50%)); } /** @@ -75,52 +75,52 @@ } @mixin transform($func) { - -moz-transform: $func; - -ms-transform: $func; - -webkit-transform: $func; - -o-transform: $func; - transform: $func; + -moz-transform: $func; + -ms-transform: $func; + -webkit-transform: $func; + -o-transform: $func; + transform: $func; } @mixin transition($transition...) { - -moz-transition: $transition; - -o-transition: $transition; - -webkit-transition: $transition; - transition: $transition; + -moz-transition: $transition; + -o-transition: $transition; + -webkit-transition: $transition; + transition: $transition; } /** * Mixin styling a placeholder. **/ @mixin placeholder() { - $selectors: ( - "::-webkit-input-placeholder", - "::-moz-placeholder", - ":-moz-placeholder", - ":-ms-input-placeholder" - ); + $selectors: ( + "::-webkit-input-placeholder", + "::-moz-placeholder", + ":-moz-placeholder", + ":-ms-input-placeholder" + ); - @each $selector in $selectors { - #{$selector} { - @content; + @each $selector in $selectors { + #{$selector} { + @content; + } } - } } /** * Mixin styling a slider track for different browsers. **/ @mixin slider() { - $selectors: ( - "input[type=range]::-webkit-slider-runnable-track", - "input[type=range]::-moz-range-track", - "input[type=range]::-ms-track" - ); + $selectors: ( + "input[type=range]::-webkit-slider-runnable-track", + "input[type=range]::-moz-range-track", + "input[type=range]::-ms-track" + ); - @each $selector in $selectors { - #{$selector} { - @content; - } + @each $selector in $selectors { + #{$selector} { + @content; + } } } @@ -128,62 +128,62 @@ * Mixin styling a slider thumb for different browsers. **/ @mixin slider-thumb() { - $selectors: ( - "input[type=range]::-webkit-slider-thumb", - "input[type=range]::-moz-range-thumb", - "input[type=range]::-ms-thumb" - ); + $selectors: ( + "input[type=range]::-webkit-slider-thumb", + "input[type=range]::-moz-range-thumb", + "input[type=range]::-ms-thumb" + ); - @each $selector in $selectors { - #{$selector} { - @content; + @each $selector in $selectors { + #{$selector} { + @content; + } } - } } @mixin box-shadow($h, $y, $blur, $color, $inset: false) { - @if $inset { - -webkit-box-shadow: inset $h $y $blur $color; - -moz-box-shadow: inset $h $y $blur $color; - box-shadow: inset $h $y $blur $color; - } @else { - -webkit-box-shadow: $h $y $blur $color; - -moz-box-shadow: $h $y $blur $color; - box-shadow: $h $y $blur $color; - } + @if $inset { + -webkit-box-shadow: inset $h $y $blur $color; + -moz-box-shadow: inset $h $y $blur $color; + box-shadow: inset $h $y $blur $color; + } @else { + -webkit-box-shadow: $h $y $blur $color; + -moz-box-shadow: $h $y $blur $color; + box-shadow: $h $y $blur $color; + } } @mixin no-box-shadow { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } @mixin box-sizing($box-model) { - -webkit-box-sizing: $box-model; // Safari <= 5 - -moz-box-sizing: $box-model; // Firefox <= 19 - box-sizing: $box-model; + -webkit-box-sizing: $box-model; // Safari <= 5 + -moz-box-sizing: $box-model; // Firefox <= 19 + box-sizing: $box-model; } @mixin border-radius($radius) { - -webkit-border-radius: $radius; - border-radius: $radius; - /* stops bg color from leaking outside the border: */ - background-clip: padding-box; + -webkit-border-radius: $radius; + border-radius: $radius; + /* stops bg color from leaking outside the border: */ + background-clip: padding-box; } @mixin opacity($opacity) { - opacity: $opacity; - $opacity-ie: $opacity * 100; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie); - filter: alpha(opacity=$opacity-ie); //IE8 + opacity: $opacity; + $opacity-ie: $opacity * 100; + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie); + filter: alpha(opacity=$opacity-ie); //IE8 } @mixin text-truncate { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } /** @@ -191,5 +191,5 @@ * (opacity) value. */ @mixin transparentBg($color, $alpha) { - background-color: rgba(red($color), green($color), blue($color), $alpha); + background-color: rgba(red($color), green($color), blue($color), $alpha); } \ No newline at end of file diff --git a/css/components/_input-slider.scss b/css/components/_input-slider.scss index 4d8cd75d6..2f28a88e2 100644 --- a/css/components/_input-slider.scss +++ b/css/components/_input-slider.scss @@ -2,40 +2,40 @@ * Disable the default webkit styles for range inputs (sliders). */ input[type=range]{ - -webkit-appearance: none; - background: none; + -webkit-appearance: none; + background: none; } /** * Disable the default focus styles for webkit range inputs (sliders). */ input[type=range]:focus { - outline: none; + outline: none; } /** * Include the mixin for a range input style. */ @include slider { - background: $sliderTrackBackground; - border: none; - border-radius: 3px; - cursor: pointer; - height: 6px; - width: 100%; + background: $sliderTrackBackground; + border: none; + border-radius: 3px; + cursor: pointer; + height: 6px; + width: 100%; } /** * Include the mixin for a range input thumb style. */ @include slider-thumb { - -webkit-appearance: none; - background: white; - border: 1px solid $sliderThumbBackground; - border-radius: 50%; - box-shadow: 0px 0px 1px $sliderThumbBackground; - cursor: pointer; - height: 14px; - margin-top: -4px; - width: 14px; + -webkit-appearance: none; + background: white; + border: 1px solid $sliderThumbBackground; + border-radius: 50%; + box-shadow: 0px 0px 1px $sliderThumbBackground; + cursor: pointer; + height: 14px; + margin-top: -4px; + width: 14px; }