@mixin font-1($weight) { // see functions.php->google_fonts() // and functions.php->_s_scripts() font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; @if $weight == regular { font-weight: 400; } @else if $weight == bold { font-weight: 600; } @else if $weight == extra-bold { font-weight: 700; } @else { @error "font-weight #{$weight} not in valid font-weights for font-1: 'Montserrat'."; } } @mixin font-body($weight: regular) { @include font-1($weight); } @mixin font-title($weight: regular) { @include font-1($weight); } @mixin font-link($weight: regular) { @include font-1($weight); } @mixin font-code($weight: regular) { font-family: $font-code; font-weight: $weight; } @mixin font-pre($weight: regular) { font-family: $font-pre; font-weight: $weight; } // Center block @mixin center-block { display: block; margin-left: auto; margin-right: auto; } // Column width with margin @mixin column-width($numberColumns: 3) { width: map-get($columns, $numberColumns) - (($columns__margin * ($numberColumns - 1)) / $numberColumns); }