Sha256: b008ed29df9d70791b657c5bcf206a61046a1a4947420369391bf628a3699eac

Contents?: true

Size: 1.45 KB

Versions: 3

Compression:

Stored size: 1.45 KB

Contents

//////////////////////////////
// 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);
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
toolkit-2.0.0.alpha.10 stylesheets/toolkit/_fonts.scss
toolkit-2.0.0.alpha.9 stylesheets/toolkit/_fonts.scss
toolkit-2.0.0.alpha.8 stylesheets/toolkit/_fonts.scss