ArticleTemplates/assets/scss/helpers/_variables.scss (25 lines of code) (raw):
// Fonts
$egyptian-display: 'Guardian Headline', 'Guardian Egyptian Web', Georgia, serif;
$egyptian-text: 'Guardian Text Egyptian Web', Georgia, serif;
$titlepiece: 'Guardian Titlepiece', 'Guardian Egyptian Web', sans-serif;
$icon: 'Guardian Icons', Georgia, serif;
$guardian-sans: 'Guardian Text Sans Web', sans-serif;
// Gutter
// 100% / ((5 * $gutter) + ($grid-squares - 1))
$base-1: 4.347826087%; // $grid-squares = 4
$base-2: 2.127659574%; // $grid-squares = 8
$base-3: 1.408450704%; // $grid-squares = 12
$base-4: 1.052631579%; // $grid-squares = 16
// Breakpoints
$mq-breakpoints: (
col1: 450px,
col2: 650px,
col3: 900px,
col4: 1200px,
mobileMedium: 360px,
mobileLandscape: 480px,
mobileLandscapeWide: 870px
);
// Flyer related sizing
$gs-baseline: 12px;
$gs-gutter: 20px;
$gs-span: 24.75rem;
$gs-span-wide: 30.75rem;
$fs-main-link: 100%;
$fs-sub-link: 1.5rem;
// 8 point grid references
$gs-unit: 8px;