////////////////////////////// // Enable ligatures ////////////////////////////// @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; } ////////////////////////////// // Font Fade In ////////////////////////////// @mixin content-fade-in($duration: null, $loading: null, $extend: null) { $duration: if($duration != null, $duration, toolkit-get('fade in duration')); $loading: if($loading != null, $loading, toolkit-get('fade in loading class')); $extend: if($extend != null, $extend, toolkit-get('fade in extend')); @if $extend == true and $duration == toolkit-get('fade in duration') and $loading == toolkit-get('fade in loading class') { @extend %content-fade-in; } @else { opacity: 1; @if not mixin-exists('single-transition') { -webkit-transition: opacity $duration; transition: opacity $duration; } @else { @include single-transition(opacity $duration); } #{$loading} & { opacity: 0; } } } %content-fade-in { @include content-fade-in($extend: false); }