Sha256: 5e82f4b6aaf697e5a498569b506b750688b183e7e64e7bfd87ae2bece19b3d06

Contents?: true

Size: 1.87 KB

Versions: 29

Compression:

Stored size: 1.87 KB

Contents

//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !global;
$screen-xs-min:              $screen-xs !global;
$screen-phone:               $screen-xs-min !global;

// between xs & sm breakpoints
$screen-xs_to_sm:            580px !global;

// Small screen / tablet
$screen-sm:                  768px !global;
$screen-sm-min:              $screen-sm !global;
$screen-tablet:              $screen-sm-min !global;

// Medium screen / desktop
$screen-md:                  992px !global;
$screen-md-min:              $screen-md !global;
$screen-desktop:             $screen-md-min !global;

// Large screen / wide desktop
$screen-lg:                  1200px !global;
$screen-lg-min:              $screen-lg !global;
$screen-lg-desktop:          $screen-lg-min !global;

// Extra Large screen / high res desktop
$screen-xl:                  1400px !global;
$screen-xl-min:              $screen-xl !global;
$screen-xl-desktop:          $screen-xl-min !global;

// Extra Extra Large screen / Retina/Cinema display
$screen-xxl:                  2000px !global;
$screen-xxl-min:              $screen-xxl !global;
$screen-xxl-desktop:          $screen-xxl-min !global;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !global;
$screen-sm-max:              ($screen-md-min - 1) !global;
$screen-md-max:              ($screen-lg-min - 1) !global;
$screen-lg-max:              ($screen-xl-min - 1) !global;
$screen-xl-max:              ($screen-xxl-min - 1) !global;


//** Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint: 920px!global;
//** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !global;

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
forever_style_guide-3.0.28 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.27 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.26 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.25 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.24 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.23 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.22 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.21 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.20 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.19 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.18 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.17 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.16 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.15 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.14 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.13 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.12 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.11 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.10 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
forever_style_guide-3.0.9 app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss