• 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-components
  4. Utilities

Menu

Menu

  • Overview
  • Getting started
  • design-tokens
  • component-tokens
  • css-base
  • css-components
    • Overview
    • Cascade layers
    • Buttons
    • Overlays
    • Content
    • Navigation
    • Embeds
    • Forms
    • Utilities
      • Overview
      • Scrollsnap

Utilities

The one utility this package ships, and why it is a utility rather than a component rule.

Overview

The one utility in the package, and the test for whether anything else belongs here.

Read more

Scrollsnap

Turns a grid into a horizontal snap carousel below a breakpoint, bleeding into the gutter so the next item peeks in.

Read more

  1. Socle
  2. Documentation
  3. css-components
  4. Utilities
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