@bbc/gel-foundations/esm/spacings.js

A range of string constants for use in CSS, intended to help implement BBC GEL-compliant webpages and components.

/*
    GEL Spacing
    Assumes 16px is set as the default font-size.
    This is changeable in the user's browser settings, as the html font-size is 100%
*/
export var GEL_SPACING_HLF = "0.25rem";
export var GEL_SPACING = "0.5rem";
export var GEL_SPACING_HLF_TRPL = '0.75rem';
export var GEL_SPACING_DBL = "1rem"; // 16px

export var GEL_SPACING_TRPL = "1.5rem";
export var GEL_SPACING_QUAD = "2rem"; // 32px

export var GEL_SPACING_QUIN = "2.5rem";
export var GEL_SPACING_SEXT = "3rem"; // 48px

export var GEL_SPACING_SEPT = "3.5rem";
/*
    GEL Grid
    Margins and Gutters are defined here
    https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes
*/

export var GEL_MARGIN_BELOW_400PX = "".concat(GEL_SPACING);
export var GEL_GUTTER_BELOW_600PX = "".concat(GEL_SPACING);
export var GEL_MARGIN_ABOVE_400PX = "".concat(GEL_SPACING_DBL);
export var GEL_GUTTER_ABOVE_600PX = "".concat(GEL_SPACING_DBL);