863954c90e
Many files in the repo have the UNIX executable permission bit set, which indicates to the OS that these are executable binaries. None of these files are executable, so they should not have the executable permission bit set.
97 lines
3.1 KiB
SCSS
97 lines
3.1 KiB
SCSS
// SCSS variables
|
||
// ---------------------------------------
|
||
|
||
// Note: For the following Sass maps enter values as if they would be px units.
|
||
|
||
// Breakpoint sizes from px to ems. Add more values here to add more breakpoints.
|
||
// Change names if you prefer, it wont break the mixin as long as they are strings not just numbers.
|
||
$breakpoints: (
|
||
break-0: 0, // 0px Mobile first
|
||
break-1: 640, // 640px ~ Small tablet up
|
||
break-2: 800, // 800px ~ Large tablet up
|
||
break-3: 1024, // 1024px ~ Desktop up
|
||
break-4: 1600 // 1600px ~ Large desktop up
|
||
) !default;
|
||
|
||
// Root font-sizes for each breakpoint. Set to half desired line-height of body text.
|
||
// ! Make sure to have as many sizes as breakpoints above.
|
||
$rootsizes: (
|
||
rootsize-0: 12, // 24px line-height body text
|
||
rootsize-1: 14, // 28px line-height body text
|
||
rootsize-2: 15, // 30px line-height body text
|
||
rootsize-3: 17, // 34px line-height body text
|
||
rootsize-4: 19 // 38px line-height body text
|
||
) !default;
|
||
|
||
// Set the optimum line-length for your text (based on typeface).
|
||
// Aim for 75–100 characters a line when possible, at smaller sizes type size is more important.
|
||
// ! Make sure to have as many widths as breakpoints above.
|
||
// Note: this was 'maxwidths' in previous versions.
|
||
$measures: (
|
||
measure-0: 500, // 500px wide
|
||
measure-1: 550, // 550px wide
|
||
measure-2: 600, // 600px wide
|
||
measure-3: 680, // 680px wide
|
||
measure-4: 750 // 750px wide
|
||
) !default;
|
||
|
||
// Set the max-widths for containers (based on design).
|
||
// ! Make sure to have as many widths as breakpoints above.
|
||
$maxwidths: (
|
||
width-0: 500, // 500px wide
|
||
width-1: 600, // 600px wide
|
||
width-2: 800, // 800px wide
|
||
width-3: 1100, // 110px wide
|
||
width-4: 1300 // 1300px wide
|
||
) !default;
|
||
|
||
// Gutter widths
|
||
$gutterwidths: (
|
||
small: 1rem,
|
||
medium: 2rem,
|
||
large: 4rem
|
||
) !default;
|
||
|
||
// Add typefaces here.
|
||
// Add weight and style details too.
|
||
// ! Set cap height to set to the baseline.
|
||
$bodytype: (
|
||
font-family: '"Alegreya Sans", sans-serif',
|
||
regular: 400,
|
||
bold: 700,
|
||
italic: italic,
|
||
cap-height: 0.66
|
||
) !default;
|
||
|
||
$headingtype: (
|
||
font-family: '"Neuton", serif',
|
||
regular: 400,
|
||
bold: 700,
|
||
cap-height: 0.66
|
||
) !default;
|
||
|
||
$monospacetype: (
|
||
font-family: 'Menlo, monospace',
|
||
regular: 400,
|
||
cap-height: 0.68
|
||
) !default;
|
||
|
||
// Here are some local fonts cap-height sizes to get you started:
|
||
// Georgia: 0.66, Times / Times New Roman: 0.65, Palatino: 0.52
|
||
// Lucida Grande: 0.72, Helvetica: 0.66, Verdana: 0.76, Tahoma: 0.76
|
||
|
||
// Selection of Typekit fonts cap-height sizes:
|
||
// Proxima Nova: 0.57, Museo Slab: 0.66, JAF Facit: 0.7, Brandon Grotesque: 0.65, Clavo: 0.7, Adelle: 0.66, FF Tisa Pro: 0.82, Jubilat: 0.66, Futura PT: 0.66, Chaparral Pro: 0.5, Minion Pro: 0.66, Myriad Pro: 0.66, Adobe Caslon Pro: 0.36
|
||
|
||
// Text colours. British English.
|
||
$headingColour: #2E2E2E !default;
|
||
$bodyColour: #494949 !default;
|
||
$linkColour: #0E58F5 !default;
|
||
$hoverColour: #0B348B !default;
|
||
$captionColour: #BDC8CC !default;
|
||
$white: #FFFFFF !default;
|
||
|
||
// Background colours.
|
||
$backgroundColour: #FCFCFC !default;
|
||
$codeBackgroundColour: #F5F4F2 !default;
|