Atlantis

Atlantis is a library, that combines a lot of commonly used patterns in SCSS.

Installation

pnpm install @21torr/atlantis

Reset

Atlantis bundles a reset, that resets the browser default styles

  • Removes all padding and margin
  • Applies box-sizing: border-box to everything.
  • Resets all list styling (it should be reapplied in your .content)
  • Unifies SVG styling across the app.
  • Unifies form element styling
  • Improves global text styling

Usage:

@use "~@21torr/atlantis/reset";

This import belongs in your SCSS entry file.

Functions

All available functions: