Sha256: 5b317b51d689693fe8f6e40826794b8ad78d50ce439c11cd6c78f2b148035055

Contents?: true

Size: 1.03 KB

Versions: 68

Compression:

Stored size: 1.03 KB

Contents

// define breakpoints
$desktop-breakpoint: new-breakpoint(min-width 1400px 12);
$laptop-breakpoint: new-breakpoint(min-width 960px 12);
$tablet-breakpoint: new-breakpoint(min-width 768px 12);
$mobile-breakpoint: new-breakpoint(max-width 767px 12);
$max-width: 100%;

.mobile {
  @include media($tablet-breakpoint) {
    display: none !important;
  }
}

.tablet {
  @include media($mobile-breakpoint) {
    display: none !important;
  }
  @include media($tablet-breakpoint) {
    display: block !important;
  }
}

.laptop {
  @include media($mobile-breakpoint) {
    display: none !important;
  }
  @include media($tablet-breakpoint) {
    display: none !important;
  }
  @include media($laptop-breakpoint) {
    display: block !important;
  }
}

.desktop {
  @include media($mobile-breakpoint) {
    display: none !important;
  }
  @include media($tablet-breakpoint) {
    display: none !important;
  }
  @include media($laptop-breakpoint) {
    display: none !important;
  }
  @include media($desktop-breakpoint) {
    display: block !important;
  }
}

Version data entries

68 entries across 67 versions & 1 rubygems

Version Path
tenon-1.0.6 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.5 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.4 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.3 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.2 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.1 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0 spec/dummy/public/assets/source_maps/breakpoints.css.scss
tenon-1.0 app/assets/stylesheets/tenon/layout/breakpoints.css.scss