@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)'
)

);