Sha256: e2070982c3336394ecfe29071d280d867c8db5a262e9d9fdc7988b6837f6cf30

Contents?: true

Size: 983 Bytes

Versions: 16

Compression:

Stored size: 983 Bytes

Contents

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

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

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

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

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

Version data entries

16 entries across 16 versions & 1 rubygems

Version Path
tenon-1.1.8 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.1.7 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.1.6 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.1.5 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.1.4 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.1.3 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.1.2 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.1.1 app/assets/stylesheets/tenon/layout/breakpoints.scss
tenon-1.0.76 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.75 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.74 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.73 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.72 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.71 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.70 app/assets/stylesheets/tenon/layout/breakpoints.css.scss
tenon-1.0.69 app/assets/stylesheets/tenon/layout/breakpoints.css.scss