Flexible Framework: Breakpoint Variables

_breakpoint-variables.scss

Breakpoint Variables: Code

Add, subtract or alter breakpoints (px). We recommend only altering the value not the key in the key value pair.



/* --------------- Breakpoint Variables --------------- */

/* Media Quieries - Add, subtract or alter breakpoints (px). We recommend only altering the value not the key in the key value pair. */
$queries:(
    'tn': 0, /* We recommend you NOT change 'tn' from 0. */
    'xs': 480,
    'sm': 640,
    'md': 768,
    'lg': 992,
    'xl': 1200,
);

/* --------------- /Breakpoint Variables --------------- */


Breakpoint Variables: Required By

SCSS files that require the code in _breakpoint-variables.scss.

  • _display.scss
  • _float.scss
  • _font-size.scss
  • _grid.scss
  • _image-sizing.scss
  • _margin.scss
  • _padding.scss
  • _text-align.scss