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.68 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.67 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.66 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.65 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.64 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.63 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.62 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.61 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.60 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.59 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.57 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.56 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.55 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.54 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.53 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.52 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.51 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.50 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.49 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.48 app/assets/stylesheets/tenon/layout/breakpoints.css.scss