#Sass Baseline Mixin
A very simple Baseline SCSS mixin for providing a visual baseline in your project, in CSS.
##The Mixin
In the mixin it has two arguments, $baseline-height
and $baseline-color
. These are set to defaults in the mixin, but feel free to change it to any colour and line-height you like.
##Usage in projects
When using the mixin, you may want to set a condition for showing the grid, such as this:
// style.scss
$show-baseline: true!default; //Set to false when not in use.
body {
//...add your body styles here
@if $show-baseline == true {
// Include the baseline mixin
@include baseline;
}
}
And then you should have a suitable baseline for your project! Have fun!