Deprecated - contains information about version 17 of the IDS librarySeedesign.if.eufor the latest documentation
Back to Section-guidelines

CSS ComponentThe latest version of this package is: 17.0.30-alpha.8, Opens in new window

Layout sections

This component provides .css, .styl, .less and .scss -files.

To be able to install this component, please refer to the Project Setup documentation.

$ npm i @ids-core/section@17.0.30-alpha.8

A section

Table of Contents

Edit this section, Opens in new window

Usage

Default

<section class="if section"></section>
Edit this section, Opens in new window

Modifiers

backgrounds

<section class="if section [light|medium|dark]"></section>
Edit this section, Opens in new window

Tokens

All of the tokens can be used as preprocessor and CSS variables

Section tokens

Name Value
$ids-section-background-color-light
rgb(250, 249, 247)
$ids-section-background-color-medium
rgb(246, 243, 240)
$ids-section-background-color-dark
rgb(241, 236, 232)
$ids-section-background-color-darker
rgb(232, 224, 217)
$ids-section-padding-media-query-base
2.5rem 0 2.5rem
$ids-section-padding-media-query-xs
4rem 0 2.5rem
$ids-section-padding-media-query-md
4rem 0 5.5rem
Edit this section, Opens in new window

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

14.22.2 (2022-05-03)

Miscellaneous chores

  • package locks: update package locks (813eac7)

14.20.1 (2022-04-19)

Miscellaneous chores

  • changelog: regenerate all CHANGELOG.md files (64ab385) , closes #586342
  • changelog: regenerate all changelogs after updating changelog generation (70789c9) , closes #587270

14.18.3 (2022-04-13)

Bug Fixes

  • changelog: generate new CHANGELOG.md files for root and packages (349fda4) , closes #586063 . We regenerate the files to include all relevant commits and to use conventional-commits at 100%

14.16.0 (2022-04-07)

Bug Fixes

  • 🐛 Add missing imports for global CSS Variables (fbf6f06) , closes #582437

14.13.0 (2022-04-06)

Bug Fixes

  • 🐛 Encode data-value in design token documentation (85737c6)

14.10.0 (2022-03-04)

Bug Fixes

  • Use correct version for dependencies (786e425)

14.9.0 (2022-03-03)

Miscellaneous chores

reinstall (d425056)

bootstrap (9a713df)

14.7.0 (2022-02-17)

Features

  • 🎸 Split out and rename block component from core (6f62d05)

  • 🤖 Update dev and demo files (b98969b)

  • add dev server (ac7852c)

merge (2a0cf88)

  • Update preprocessor files (96e9832)
Edit this section, Opens in new window
Contact us, Opens in new window