@import "global.scss";

// #region LAYOUT
@import "src/container", "src/display", "src/float", "src/overflow", "src/position", "src/pin", "src/box-sizing",
  "src/aspect-ratio", "src/z-index", "src/object-fit";
// #endregion LAYOUT

// #region TYPOGRAPHY
@import "src/font-family", "src/font-size", "src/font-style", "src/font-weight", "src/letter-spacing", "src/line-height",
  "src/list-style-type", "src/list-style-position", "src/text-align", "src/text-color", "src/text-decoration",
  "src/text-transform", "src/text-overflow", "src/vertical-align", "src/whitespace", "src/word-break";
// #endregion TYPOGRAPHY

// #region BACKGROUNDS
@import "src/background-attachment", "src/background-color", "src/background-position", "src/background-repeat",
  "src/background-size";
// #endregion BACKGROUNDS

// #region BORDERS
@import "src/border-color", "src/border-style", "src/border-width", "src/border-radius";
// #endregion BORDERS

// #region FLEXBOX
@import "src/flex-direction", "src/flex-wrap", "src/align-items", "src/align-content", "src/align-self",
  "src/justify-content", "src/flex", "src/flex-grow", "src/flex-shrink", "src/order";
// #endregion FLEXBOX

// #region SPACING
@import "src/padding", "src/margin";
// #endregion SPACING

// #region SIZING
@import "src/width", "src/min-width", "src/max-width", "src/height", "src/min-height", "src/max-height";
// #endregion SIZING

// #region EFFECTS
@import "src/opacity", "src/box-shadow";
// #endregion EFFECTS

// #region INTERACTIVITY
@import "src/pointer-events", "src/resize", "src/outline", "src/cursor";
// #endregion INTERACTIVITY

// #region TRANSFORM
@import "src/transform", "src/transform-origin", "src/translate", "src/scale", "src/rotate";
// #endregion TRANSFORM

// #region TRANSITIONS
@import "src/transitions";
// #endregion TRANSITIONS

// #region SVG
@import "src/fill", "src/stroke";
// #endregion SVG