A CSS framework based on Typey
├── 1-functions
│ ├── _all.scss #
│ ├── _helpers.scss #
│ ├── _math.scss #
│ └── _utils.scss #
│
├── 2-config
│ ├── _all.scss #
│ ├── _button.scss #
│ ├── _colors.scss #
│ ├── _features.scss #
│ ├── _globals.scss #
│ ├── _material-colors.scss #
│ ├── _typography.scss #
│ └── ... #
│
├── 3-mixins
│ ├── _all.scss #
│ ├── _animation.scss #
│ ├── _button.scss #
│ ├── _debug.scss #
│ ├── _gradients.scss #
│ ├── _grid.scss #
│ ├── _icons.scss #
│ ├── _label.scss #
│ ├── _utils.scss #
│ └── ... #
│
├── 4-components
│ ├── _all.scss #
│ ├── _button.scss #
│ ├── _form.scss #
│ ├── _icon.scss #
│ ├── _normalize.scss #
│ ├── _typography.scss #
│ └── ... #
│
└── nolie.scss #
Note: Avoid margin-top
as much as possible as it should be used for baseline adjustments.