Sha256: c149cfc65ff714e89192cb0ce6d3a83d300370c99a498e486ed98c9568a67289

Contents?: true

Size: 709 Bytes

Versions: 6

Compression:

Stored size: 709 Bytes

Contents

////////////////////////
// Fluid Images
////////////////////////
img {
  max-width: 100%;
  height: auto;
}

////////////////////////
// Scaling Embeds WITH NO JAVASCIPT!
//
// From the outrageously awesome Scott Kellum
////////////////////////
@mixin scale-elements($ratio: 16/9, $width: 100%, $elements: '*') {
  @extend %scaling-elements-parent;
  padding-top: (1 / $ratio) * $width;
  width: $width;
  @each $element in $elements {
    > #{$element} {
      @extend %scaling-elements-child;
    }
  }
}

%scaling-elements-parent {
  position: relative;
  height: 0;
}

%scaling-elements-child {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
toolkit-0.1.13 stylesheets/toolkit/_fluid-media.scss
toolkit-0.1.12 stylesheets/toolkit/_fluid-media.scss
toolkit-0.1.10 stylesheets/toolkit/_fluid-media.scss
toolkit-0.1.9 stylesheets/toolkit/_fluid-media.scss
toolkit-0.1.7 stylesheets/toolkit/_fluid-media.scss
toolkit-0.1.6 stylesheets/toolkit/_fluid-media.scss