Skip to main content

You are here

SY Style

BFIS style guide

$font-stack: font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

$italic: font-style:italic;

$bold: font-weight:bold;

set 1rem=10px

body: font-size:16px; font-size:1.6rem; line-height:1.6; margin-bottom:2.5rem; color:$text-color;

nav:font-size:16px; font-size:1.6rem; line-height:4; color:#fff; text-transform:uppercase;

h2: $bold; font-size:48px; font-size:4.8rem; line-height:1.25; margin-bottom:2.5rem; color:$secondary-color;

h3: $bold; font-size:32px; font-size:3.2rem; line-height:1.33; margin-bottom:1.9rem; color:$primary-color;

h4: $bold; font-size:24px; font-size:2.4rem; line-height:1.5; margin-bottom:2.5rem; color:$secondary-color;      

h5: $bold; font-size:20px; font-size:2rem; line-height:1.6; margin-bottom:2.5rem; color:$primary-color;      

blockquote: $Italic; font-size:18px; font-size:1.8rem; line-height:1.8; margin-top:3.2rem; margin-bottom:3.2rem; color:$secondary-color;

intro: font-size:22px; font-size:2.2rem; line-height:1.6; margin-bottom:1.3rem; color:$text-color;

small: font-size:14px; font-size:1.4rem; line-height:1.6; color:$text-color;

stat: font-size:120px; font-size:12rem; line-height:1.5; color:#fff;

button: background-color:$accent-color; button text: text-transform:uppercase; 20px; color:#fff;