• 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

Documentation

  • component-tokens
    • Customizing
    • DTCG format
    • Naming
    • Overview
    • Reference
    • Style Dictionary
  • css-base
    • Base
      • Abbreviations
      • Accessibility helpers
      • Address
      • Blockquotes
      • Body
      • Checkboxes
      • Code
      • Details
      • Figures
      • Headings
      • Inputs and labels
      • Links
      • Lists
      • Overview
      • Paragraphs
      • Picture
      • Radios
      • Range
      • Select
      • Superscript
      • Switch
      • Tables
      • Textarea
      • Video
    • Cascade layers
    • Layouts
      • Container
      • Grid
      • Overview
      • Row
    • Media queries
    • Overview
    • Reset
  • css-components
    • Buttons
      • Button
      • Close button
      • Filter button
      • Menu button
      • Overview
      • Search button
      • Share button
      • Table of contents button
      • Video toggle
    • Cascade layers
    • Content
      • Alert
      • Badge
      • Banner
      • Card
      • Items
      • List
      • Media
      • Overview
      • Push
      • Surtitle
    • Embeds
      • Embed
      • Map
      • Overview
      • Video
    • Forms
      • Check row
      • Form
      • Overview
    • Navigation
      • Breadcrumb
      • Nav
      • Nav title
      • Overview
      • Pagination
      • Skip links
    • Overlays
      • Drawer
      • Dropdown
      • Modal
      • Overview
      • Panel
    • Overview
    • Utilities
      • Overview
      • Scrollsnap
  • design-tokens
    • Colors
    • Customizing
    • Dark mode
    • DTCG format
    • Fluid scales
    • Naming
    • Overview
    • Reference
    • Style Dictionary
  • Getting started
  • Overview

Page

  • Legal mentions

Table of contents

Table of contents

  1. Documentation
  2. Page
  1. Socle
  2. Sitemap
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