Zur Navigation Zum Inhalt Kontakt Komponente finden Übersicht Lyne Deutsch Français Italiano English Layout

Base Grid Columns
sbb-layout-base-grid-columns-zero
4
sbb-layout-base-grid-columns-micro
4
sbb-layout-base-grid-columns-small
4
sbb-layout-base-grid-columns-medium
8
sbb-layout-base-grid-columns-large
8
sbb-layout-base-grid-columns-wide
12
sbb-layout-base-grid-columns-ultra
16
Base Grid Gutter

sbb-layout-base-grid-gutter-responsive-zero

16

sbb-layout-base-grid-gutter-responsive-micro

16

sbb-layout-base-grid-gutter-responsive-small

24

sbb-layout-base-grid-gutter-responsive-medium

24

sbb-layout-base-grid-gutter-responsive-large

32

sbb-layout-base-grid-gutter-responsive-wide

32

sbb-layout-base-grid-gutter-responsive-ultra

32

Base Grid Offset

sbb-layout-base-offset-responsive-zero

16

sbb-layout-base-offset-responsive-micro

20

sbb-layout-base-offset-responsive-small

48

sbb-layout-base-offset-responsive-medium

56

sbb-layout-base-offset-responsive-large

64

sbb-layout-base-offset-responsive-wide

72

sbb-layout-base-offset-responsive-ultra

120

Komponente finden

Lyne

  • Design Tokens
  • Animation
    Animation
  • Border
    Border
  • Breakpoint
    Breakpoint
  • Color
    Color
  • Layout
    Layout
  • Shadow
    Shadow
  • Size
    Size
  • Spacing
    Spacing
  • Typografie
    Typografie
  • Action
  • More Info
    Action-Group
  • More Info
    Block-Link
  • More Info
    Button
  • More Info
    Link
  • More Info
    Mini-Button-Group
  • More Info
    Secondary-Button
  • More Info
    Teaser
  • More Info
    Teasser-Hero
  • More Info
    Teaser-Product
  • More Info
    Teaser-Product-Static
  • More Info
    Tertiary-Button
  • More Info
    Transparent-Button
  • Brand
  • More Info
    Clock
  • More Info
    Logo
  • Collection
  • More Info
    Link-List
  • More Info
    Link-List-Anchor
  • More Info
    Paginator
  • More Info
    Compact-Paginator
  • More Info
    Skiplink-List
  • More Info
    Table-Wrapper
  • Form
  • More Info
    Autocomplete
  • More Info
    Autocomplete-Grid
  • More Info
    Calendar
  • More Info
    Checkbox
  • More Info
    Checkbox-Group
  • More Info
    Checkbox-Panel
  • More Info
    Datepicker
  • More Info
    File-Selector
  • More Info
    Form-Field
  • More Info
    Radio-Button
  • More Info
    Radio-Button-Group
  • More Info
    Radio-Button-Panel
  • More Info
    Select
  • More Info
    Selection-Expansion-Panel
  • More Info
    Slider
  • More Info
    Toggle
  • More Info
    Toggle-Check
  • Indicator
  • More Info
    Alert
  • More Info
    Alert-Group
  • More Info
    Chip
  • More Info
    Loading-Indicator
  • More Info
    Message
  • More Info
    Notification
  • More Info
    Status
  • More Info
    Stepper
  • More Info
    Tag-Group
  • More Info
    Toast
  • Layout
  • More Info
    Accordion
  • More Info
    Card
  • More Info
    Container
  • More Info
    Divider
  • More Info
    Footer
  • More Info
    Header
  • More Info
    Map-Container
  • More Info
    Title
  • Navigation
  • More Info
    Breadcrumb
  • More Info
    Breadcrumb-Group
  • More Info
    Menu
  • More Info
    Navigation
  • More Info
    Tab-Group
  • Overlay
  • More Info
    Dialog
  • More Info
    Overlay
  • More Info
    Popover
  • Time-Table
  • More Info
    Journey-Header
  • More Info
    Pearl-Chain
  • Visual asset
  • More Info
    Icon
  • More Info
    Image
Impressum Kontakt Datenschutz Cookie Einstellungen