Sha256: 8d3de1c5ca6c91adde3e585e378800d3b204ac18041bedf17d9c2be6a1e7aff2

Contents?: true

Size: 1.43 KB

Versions: 16

Compression:

Stored size: 1.43 KB

Contents

// TODO - this could be more dynamic w/ an @each, but I was having trouble w/ the syntax

.pull-right-xs {
  @media (max-width: $screen-xs-max) {
    float: right !important;
  }
}
.pull-right-sm {
  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
    float: right !important;
  }
}
.pull-right-md {
  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
    float: right !important;
  }
}
.pull-right-lg {
  @media (min-width: $screen-lg-min) {
    float: right !important;
  }
}
.pull-right-grid-float-breakpoint {
  @media (min-width: $grid-float-breakpoint) {
    float: right !important;
  }
}

.pull-left-xs {
  @media (max-width: $screen-xs-max) {
    float: left !important;
  }
}
.pull-left-sm {
  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
    float: left !important;
  }
}
.pull-left-md {
  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
    float: left !important;
  }
}
.pull-left-lg {
  @media (min-width: $screen-lg-min) {
    float: left !important;
  }
}
.pull-left-grid-float-breakpoint {
  @media (min-width: $grid-float-breakpoint) {
    float: left !important;
  }
}


// Utilities for new nav w/ custom breakpoint
.visible-mobile {
  display: none !important;

  @media (max-width: $grid-float-breakpoint) {
    display: inline-block !important;
  }
}

.hidden-mobile {
  @media (max-width: $grid-float-breakpoint) {
    display: none !important;
  }
}

Version data entries

16 entries across 16 versions & 1 rubygems

Version Path
forever_style_guide-3.4.8 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4.7 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4.6 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4.5 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4.4 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4.3 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4.2 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4.1 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.4 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.3.6 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.3.5 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.3.4 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.3.3 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.3.2 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.3.1 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
forever_style_guide-3.3 app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss