stylesheets/toolkit/_fonts.scss in toolkit-2.0.0.alpha.1 vs stylesheets/toolkit/_fonts.scss in toolkit-2.0.0.alpha.2

- old
+ new

@@ -1,10 +1,10 @@ ////////////////////////////// // Enable ligatures ////////////////////////////// @mixin enable-ligatures($extend: null) { - $extend: if($extend !== null, $extend, toolkit-get('extend ligatures')); + $extend: if($extend != null, $extend, toolkit-get('extend ligatures')); @if $extend { @extend %enable-ligatures; } @else { @@ -19,38 +19,37 @@ %enable-ligatures { @include enable-ligatures; } -@if not mixin-exists('single-transition') { - @mixin single-transition($feature, $duration) { - -webkit-transition: $feature $duration; - transition: $feature, $duration; - } -} - ////////////////////////////// // Font Fade In ////////////////////////////// @mixin content-fade-in($duration: null, $loading: null) { - $duration: if($duration !== null, $duration, toolkit-get('fade in duration')); - $loading: if($loading !== null, $loading, toolkit-get('fade in loading class')); + $duration: if($duration != null, $duration, toolkit-get('fade in duration')); + $loading: if($loading != null, $loading, toolkit-get('fade in loading class')); $selector: if('#{&}' != '', true, false); @if $selector != false { #{$selector} { opacity: 1; - @include single-transition(opacity, $duration); + @if not mixin-exists('single-transition') { + -webkit-transition: opacity $duration; + transition: opacity $duration; + } #{$loading} & { opacity: 0; } } } @else { opacity: 1; - @include single-transition(opacity, $duration); + @if not mixin-exists('single-transition') { + -webkit-transition: opacity $duration; + transition: opacity $duration; + } #{$loading} & { opacity: 0; } } \ No newline at end of file