Sha256: c60fbc5353544fa8422d8ee33e9f9081e80df58df4981616414855a269ab7832

Contents?: true

Size: 742 Bytes

Versions: 9

Compression:

Stored size: 742 Bytes

Contents

@mixin font-smoothing($value: on) {
  @if $value == on {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  } @else {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}

@mixin aspect-ratio($ratio) {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: percentage(1 / $ratio);
  background-size: 100%;
}

@mixin fill-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@mixin mobile {
  @media (max-width: $screen-xs-max) {
    @content;
  }
}

@mixin tablet {
  @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
    @content;
  }
}

@mixin desktop {
  @media (min-width: $screen-lg-min) {
    @content;
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
trestle-0.8.9 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.8 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.7 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.6 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.5 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.4 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.3 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.2 app/assets/stylesheets/trestle/core/_mixins.scss
trestle-0.8.0 app/assets/stylesheets/trestle/core/_mixins.scss