// Scale
$base-scale: 4px;

// Base Font Size
//
// Should represent the font-size of the root element, in pixels,
// if a font-size has been declared for it. Used when converting px to rem.
// If font-size on root is `100%` or not declared, this should be `16px`.
$base-font-size: 16px;

// Variables
@import 'variables/borders';
@import 'variables/breakpoints';
@import 'variables/colors';
@import 'variables/effects';
@import 'variables/grid';
@import 'variables/icons';
@import 'variables/size';
@import 'variables/spacing';
@import 'variables/type';

// Functions
@import 'utilities/functions/rem';
@import 'utilities/functions/strip-unit';

// Mixins
@import 'utilities/mixins/breakpoints';
@import 'utilities/mixins/type';

// Base
@import 'base/normalize';
@import 'base/reset';

// Styles
@import 'background-position';
@import 'background-size';
@import 'border-radius';
@import 'border-style';
@import 'border-width';
@import 'box-alignment';
@import 'box-shadow';
@import 'centering';
@import 'clear';
@import 'color';
@import 'cursor';
@import 'display';
@import 'effects';
@import 'flex';
@import 'float';
@import 'font-family';
@import 'font-size';
@import 'font-style';
@import 'font-weight';
@import 'gradients';
@import 'grid';
@import 'height';
@import 'icons';
@import 'letter-spacing';
@import 'line-height';
@import 'link';
@import 'lists';
@import 'margin';
@import 'max-width';
@import 'object-fit';
@import 'opacity';
@import 'overflow';
@import 'padding';
@import 'pointer-events';
@import 'position';
@import 'text';
@import 'type';
@import 'vertical-align';
@import 'visibility';
@import 'white-space';
@import 'width';
@import 'z-index';