Night mode

Retour à l’accueil

Night mode

About
Design
- Colors
- Fonts
- Rounded corners
- SVG symbols
- Contrast
- Typography
Elements
- Alerts
- Avatar
- Breadcrumb
- Buttons
- Icon
- Link with icon
- Loading
- Media
- Pagers
- Switch
- Teaser
- Icon Buttons
Components
- Accordion
- Blocks
- Box
- Breaking News
- Card
- Content
- Dowpdown
- Footer
- Inline Menu
- Modal
- Navbar
- Preview
- Socialbar
- SymbolList
- Tab Panel
Form
Helpers
- Text alignment
- Borders
- Helpers.Colors
- Cursor
- Font sizes
- Lists
- Mask
- No Scroll
- Spaces
- Text format
- Helpers: Block elements
Layout
- Grid
- List
Themes
CSS Variables
- Colors
- Light
Settings
- Breakpoints RWD
- Colors
- Fonts
- Grid
- List
- Media Placeholder
- Z-Index
Mixins & functions
- Contrast
- FontLoad
- Grid
- _hslVars
- Inline SVG
- Line height (vertical rythm)
- Map
- Mask
- Spaces
@blocks
- @blocks: Block elements
- @blocks: Text elements
Animation keyframes
- Loading

8 CSS Variables

Since v5 Colette implement some CSS custom properties. Css custom properties are currently set only at root level in Colette to allow postcss-css-variable to generate fallback (for IE).

8.1 Colors

Description

Every design’s colors are declined as CSS custom properties.

8.2 Light

Description

Every design’s colors are declined as CSS custom properties.