@use “sass:map”;
/// BASE SIZE /// All calculations are based on this. It’s recommended that /// you keep it at 1rem because that is the root font size. You /// can set it to whatever you like and whatever unit you like. /// $gorko-base-size: 1rem;
/// SIZE SCALE /// This is a Major Third scale that powers all the utilities that /// it is relevant for (font-size, margin, padding). All items are /// calcuated off the base size, so change that and cascade across /// your whole project. /// $gorko-size-scale: (
'300': $gorko-base-size * 0.8, '400': $gorko-base-size, '500': $gorko-base-size * 1.25, '600': $gorko-base-size * 1.6, '700': $gorko-base-size * 2, '900': $gorko-base-size * 3
);
$justify-align-content: (
'start': 'start', 'end': 'end', 'center': 'center', 'normal': 'normal', 'between': 'space-between', 'around': 'space-around', 'evenly': 'space-evenly', 'stretch': 'stretch'
);
$gorko-colors: $colors;
/// CORE CONFIG /// This powers everything from utility class generation to breakpoints /// to enabling/disabling pre-built components/utilities. /// $gorko-config: (
'fill': ( 'items': $fill-colors, 'output': 'standard', 'property': 'background' ), 'scribe': ( 'items': $scribe-colors, 'output': 'standard', 'property': 'color' ), 'x': ( 'items': $gorko-size-scale, 'output': 'responsive', 'property': '--x' ), 'text-align': ( 'items': ( 'right': 'right', 'left': 'left', 'center': 'center' ), 'output': 'standard', 'property': 'text-align' ), 'float': ( 'items': ( 'left': 'left', 'right': 'right' ), 'output': 'responsive', 'property': 'float' ), 'breakpoints': ( 'md': '(min-width: 48em)' )
);