NOTE: $clr_baselineRem
is now depricated in the SASS files
With one simple change you can now radically alter the layout of a Clarity application by changing the font-size on the html element. This will even increase the vertical rhythym.
$clr_baseline: 24;
html {
font-size: $clr_baseline * 1px;
}
body {
line-height: 1rem;
font-size: (14/$clr_baseline) * 1rem;
}
This now enables Clarity consumers to override in their own CSS with the following
html {
font-size: 28px;
}