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

- old
+ new

@@ -1,24 +1,42 @@ ////////////////////////////// // Enable ligatures ////////////////////////////// -@mixin enable-ligatures { - -webkit-font-feature-settings:"liga","dlig"; - -moz-font-feature-settings:"liga=1, dlig=1"; - -moz-font-feature-settings:"liga","dlig"; - -ms-font-feature-settings:"liga","dlig"; - -o-font-feature-settings:"liga","dlig"; - font-feature-settings: "liga","dlig"; +@mixin enable-ligatures($extend: null) { + $extend: if($extend !== null, $extend, toolkit-get('extend ligatures')); + + @if $extend { + @extend %enable-ligatures; + } + @else { + -webkit-font-feature-settings:"liga","dlig"; + -moz-font-feature-settings:"liga=1, dlig=1"; + -moz-font-feature-settings:"liga","dlig"; + -ms-font-feature-settings:"liga","dlig"; + -o-font-feature-settings:"liga","dlig"; + font-feature-settings: "liga","dlig"; + } } %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: 1s, $loading: '.wf-loading', $selector: false) { +@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')); + $selector: if('#{&}' != '', true, false); @if $selector != false { #{$selector} { opacity: 1; @include single-transition(opacity, $duration); \ No newline at end of file