Sha256: 9488ee4897b960bd5523f699c4aa9b7cd300e111d0ecce874808da7c063bae5f

Contents?: true

Size: 1.17 KB

Versions: 9

Compression:

Stored size: 1.17 KB

Contents

// Responsive Mixins

@mixin respond($media) {
  @if $media == portrait-phones {
    @media only screen and (max-width: $min-device-width) { @content; }
  }
  @else if $media == landscape-phones {
    @media only screen and (min-width: breakpoint($min-device-width)) and (max-width: breakpoint($tablet-device-width)) { @content; }
  }
  @else if $media == all-phones {
    @media only screen and (max-width: breakpoint($tablet-device-width)) { @content; }
  }
  @else if $media == portrait-tablets {
    @media only screen and (max-width: $tablet-device-width) { @content; }
  }
  @else if $media == tablets {
  	@media only screen and (min-width: $tablet-device-width) and (max-width: $document-width - 1) { @content; }
  }
  @else if $media == desktop {
    @media only screen and (min-width: $tablet-device-width) { @content; }
  }
  @else if $media == document-width {
    @media only screen and (max-width: $document-width + 20) { @content; }
  }
  @else if $media == large-screens {
    @media only screen and (min-width: $max-device-width) { @content; }
  }
  @else if $media == print {
    @media print { @content; }
  }
  @else {
    @media only screen and ($media) { @content; }
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
gumby2-rails-0.0.9 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.8 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.7 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.6 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.5 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.4 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.3 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.2 vendor/assets/stylesheets/sass/functions/_responsivity.scss
gumby2-rails-0.0.1 vendor/assets/stylesheets/sass/functions/_responsivity.scss