• Main content
  • Main navigation
  • Search
  • Go to the bottom of the page
Socle

Menu

  • Documentation
    • Getting started

      How to install and setup packages.

    • Design tokens

      Colors, typography, spacing and motion.

    • Component tokens

      Component-scoped tokens for 26 components.

    • CSS base

      Reset, native elements and layout primitives.

    • CSS components

      29 components and 1 utility.

Search

  1. Socle
  2. Documentation
  3. css-base

Menu

Menu

  • Overview
  • Getting started
  • design-tokens
  • component-tokens
  • css-base
    • Overview
    • Cascade layers
    • Reset
    • Base
    • Layouts
    • Media queries
  • css-components

css-base

Framework-agnostic CSS foundation, providing a reset, native element styles and layout primitives.

Overview

What the package ships, how to install it, and the import order that makes it resolve.

Read more

Cascade layers

The three layers this package owns, and why declaring the full order is the consuming project's job.

Read more

Reset

The baseline normalization applied in @layer reset, based on the Josh W Comeau custom CSS reset.

Read more

Base

Styles for native HTML elements, one file per element or element family, all in @layer base.

Read more

Layouts

The .container, .grid and .row primitives, and the --container-bleed contract.

Read more

Media queries

The --sm to --xl custom media scale, the deprecated device aliases, and the PostCSS plugin the package requires.

Read more

  1. Socle
  2. Documentation
  3. css-base
Socle

A framework-agnostic CSS foundation, four packages covering tokens, reset, layouts and components.

  • Documentation
  • Github
  • Legal mentions
  • Sitemap
  • Socle is developed by Un Cinq
  • Github
  • Linkedin

a low impact website crafted with Hugolify