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.26 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.25 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.24 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.23 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.22 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.21 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.20 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.19 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.18 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.17 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.16 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.15 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.14 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.13 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.12 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.11 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.10 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.9 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.8 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.7 app/assets/stylesheets/tenon/layout/breakpoints.css.scss