Principes Bases Accessibilité Système de design Guidelines Deutsch Français Italiano English Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs supplémentaires Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Aperçu Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Aperçu Power-Apps Bandeaux publicitaires numériques SAP IA Design : Bases Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: 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