Contents

// min-width: $screen-xs
// html.gte-480
@mixin min-width-xs
  html.gte-480 &
    @content

// max-width: $screen-xs
// html.lte-480
@mixin max-width-xs
  html.lt-768 &
    @content

// min-width: $screen-sm
// html.gte-768
@mixin min-width-sm
  html.gte-768 &
    @content

// max-width: $screen-sm
// html.lte-768
@mixin max-width-sm
  html.lt-992 &
    @content

// min-width: $screen-md
// html.gte-992
@mixin min-width-md
  html.gte-992 &
    @content

// max-width: $screen-md
// html.lte-992
@mixin max-width-md
  html.lt-1200 &
    @content

// min-width: $screen-lg
// html.gte-1200
@mixin min-width-lg
  html.gte-1200 &
    @content

// hide element in specific viewport range
@mixin hide-xs
  html.lt-768 &
    display: none

@mixin hide-sm
  html.gte-768.lt-992 &
    display: none

@mixin hide-md
  html.gte-992.lt-1200 &
    display: none

@mixin hide-lg
  html.gte-1200 &
    display: none

// classes for hiding elements
.hidden-xs
  +hide-xs

.hidden-sm
  +hide-sm

.hidden-md
  +hide-md

.hidden-lg
  +hide-lg

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
easy_html_generator-1.0.6	src/shared/assets/styles/mixins/_headjs-bootstrap-mediaqueries.sass
easy_html_generator-1.0.5	src/shared/assets/styles/mixins/_headjs-bootstrap-mediaqueries.sass