Principi Base Accessibilité Sistema di design Guidelines Deutsch Français Italiano English I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza Portale della marca FFS Logo Orologio digitale Diritti di utilizzazione Colori die base Colori addizionali Colori Off Brand Icone Icone dell'orario Pittogrammi Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliate Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Aiuto Processo Contribution Contatto Introduzione Base Componenti Introduzione Releases Design Tokens Componenti Introduzione Base Informations Introduzione Base Componenti Introduzione Power-Apps Banner pubblicitari digitali SAP IA Design : Base. Icone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili: Deutsch English Shadow
Elevation Level: 3
Soft Positive@include sbb.shadow-level-3-soft;
Hard Positive@include sbb.shadow-level-3-hard;
Soft Negative@include sbb.shadow-level-3-soft-negative;
Hard Negative@include sbb.shadow-level-3-hard-negative;

sbb-shadow-elevation-level-3-shadow-1-offset-x

0px

sbb-shadow-elevation-level-3-shadow-1-offset-y

2px

sbb-shadow-elevation-level-3-shadow-1-blur

16px

sbb-shadow-elevation-level-3-shadow-1-spread

0px

sbb-shadow-elevation-level-3-shadow-2-offset-x

0px

sbb-shadow-elevation-level-3-shadow-2-offset-y

1px

sbb-shadow-elevation-level-3-shadow-2-blur

4px

sbb-shadow-elevation-level-3-shadow-2-spread

0px

Elevation Level: 5
Soft Positive@include sbb.shadow-level-5-soft;
Hard Positive@include sbb.shadow-level-5-hard;
Soft Negative@include sbb.shadow-level-5-soft-negative;
Hard Negative@include sbb.shadow-level-5-hard-negative;

sbb-shadow-elevation-level-5-shadow-1-offset-x

0px

sbb-shadow-elevation-level-5-shadow-1-offset-y

4px

sbb-shadow-elevation-level-5-shadow-1-blur

32px

sbb-shadow-elevation-level-5-shadow-1-spread

0px

sbb-shadow-elevation-level-5-shadow-2-offset-x

0px

sbb-shadow-elevation-level-5-shadow-2-offset-y

1px

sbb-shadow-elevation-level-5-shadow-2-blur

8px

sbb-shadow-elevation-level-5-shadow-2-spread

0px

Elevation Level: 9
Soft Positive@include sbb.shadow-level-9-soft;
Hard Positive@include sbb.shadow-level-9-hard;
Soft Negative@include sbb.shadow-level-9-soft-negative;
Hard Negative@include sbb.shadow-level-9-hard-negative;

sbb-shadow-elevation-level-9-shadow-1-offset-x

0px

sbb-shadow-elevation-level-9-shadow-1-offset-y

16px

sbb-shadow-elevation-level-9-shadow-1-blur

128px

sbb-shadow-elevation-level-9-shadow-1-spread

0px

sbb-shadow-elevation-level-9-shadow-2-offset-x

0px

sbb-shadow-elevation-level-9-shadow-2-offset-y

4px

sbb-shadow-elevation-level-9-shadow-2-blur

32px

sbb-shadow-elevation-level-9-shadow-2-spread

0px

Elevation Level: 11
Soft Positive@include sbb.shadow-level-11-soft;
Hard Positive@include sbb.shadow-level-11-hard;
Soft Negative@include sbb.shadow-level-11-soft-negative;
Hard Negative@include sbb.shadow-level-11-hard-negative;

sbb-shadow-elevation-level-11-shadow-1-offset-x

0px

sbb-shadow-elevation-level-11-shadow-1-offset-y

24px

sbb-shadow-elevation-level-11-shadow-1-blur

192px

sbb-shadow-elevation-level-11-shadow-1-spread

0px

sbb-shadow-elevation-level-11-shadow-2-offset-x

0px

sbb-shadow-elevation-level-11-shadow-2-offset-y

4px

sbb-shadow-elevation-level-11-shadow-2-blur

64px

sbb-shadow-elevation-level-11-shadow-2-spread

0px
Contatto

Avete domande? Forse le nostre FAQ o la nostra guida vi saranno d'aiuto, altrimenti potete inserire la vostra domanda nella board corrispondente su Github.

Impressum Contatto Protezione dei dati Impostazioni dei cookie