• 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. Forms

Menu

Menu

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

Forms

The .form grid, the .form-check row, and where the actual control styling lives.

Overview

The two form layout components, why the controls themselves are styled elsewhere, and the accessible names none of it…

Read more

Form

A responsive grid that is one column or two, never three, plus its layout helpers.

Read more

Check row

A checkbox or radio laid out beside its label, and why the class is only one declaration.

Read more

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