Skip to content
This repository has been archived by the owner on Jun 14, 2023. It is now read-only.

Commit

Permalink
feat: add specification for sidebar and menu item
Browse files Browse the repository at this point in the history
  • Loading branch information
@kyubisation
kyubisation committed May 20, 2020
1 parent ea65e0d commit 54f077e
Show file tree
Hide file tree
Showing 120 changed files with 587 additions and 208 deletions.
20 changes: 10 additions & 10 deletions documentation/basics/typography/typography-de.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,35 +18,35 @@ Die hier definierten Schriftstile bilden die Basis von Webapplikationen und dere

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264566/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.2 Überschrift H2
![Darstellung des H2-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h2.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264567/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.3 Überschrift H3
![Darstellung des H3-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h3.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264568/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.4 Überschrift H4
![Darstellung des H4-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_H4.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264569/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.5 Fliesstext (Copy)
![Darstellung des Fliesstext-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264570/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.6 Link
![Darstellung des Link-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_link.png 'class: image')
Expand All @@ -55,7 +55,7 @@ Die hier definierten Schriftstile bilden die Basis von Webapplikationen und dere

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264571/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.7 Tabellenheader
Dieser Stil hat die folgende Zustände:
Expand All @@ -71,25 +71,25 @@ Dieser Stil hat die folgende Zustände:
* [Sorted](https://sbb.invisionapp.com/d/main#/console/17140415/411452248/inspect)

#### Code Spezifikation
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.8 Untertitel
![Darstellung des Stils eines Tabellenuntertitel](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Subtitle.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264572/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.9 Zeilentitel
![Darstellung des Stils einer Tabellenüberschrift](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Rowtitle.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264573/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.10 Tabellendaten
![Darstellung des Stils von Tabelleninhalten](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_table_data.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/355320827/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
20 changes: 10 additions & 10 deletions documentation/basics/typography/typography-en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,35 +18,35 @@ The font styles defined here form the basis of web applications and their compon

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264566/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.2 Heading H2
![Image of the heading H2 text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h2.png 'class: image')

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264567/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.3 Heading H3
![Image of the heading H3 text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h3.png 'class: image')

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264568/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.4 Heading H4
![Image of the heading H4 text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_H4.png 'class: image')

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264569/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.5 Body copy
![Image of the body copy font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image')

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264570/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.6 Link
![Image of the link font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_link.png 'class: image')
Expand All @@ -55,7 +55,7 @@ The font styles defined here form the basis of web applications and their compon

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264571/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.7 Table header
This style has the following statuses:
Expand All @@ -71,25 +71,25 @@ This style has the following statuses:
* [Sorted](https://sbb.invisionapp.com/d/main#/console/17140415/411452248/inspect)

#### code specification
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.8 Table subtitle
![Image of the table header font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Subtitle.png 'class: image')

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264572/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.9 Table rowtitle
![Image of the table header font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Rowtitle.png 'class: image')

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264573/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.10 Table data
![Image of the table data font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_table_data.png 'class: image')

#### specification
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/355320827/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
20 changes: 10 additions & 10 deletions documentation/basics/typography/typography-fr.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,35 +18,35 @@ Die hier definierten Schriftstile bilden die Basis von Webapplikationen und dere

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264566/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.2 Überschrift H2
![Darstellung des H2-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h2.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264567/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.3 Überschrift H3
![Darstellung des H3-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_h3.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264568/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.4 Überschrift H4
![Darstellung des H4-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_H4.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264569/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.5 Fliesstext (Copy)
![Darstellung des Fliesstext-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264570/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.6 Link
![Darstellung des Link-Stils](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_link.png 'class: image')
Expand All @@ -55,7 +55,7 @@ Die hier definierten Schriftstile bilden die Basis von Webapplikationen und dere

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264571/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.7 Tabellenheader
Dieser Stil hat die folgende Zustände:
Expand All @@ -71,25 +71,25 @@ Dieser Stil hat die folgende Zustände:
* [Sorted](https://sbb.invisionapp.com/d/main#/console/17140415/411452248/inspect)

#### Code Spezifikation
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.8 Untertitel
![Darstellung des Stils eines Tabellenuntertitel](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Subtitle.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264572/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.9 Zeilentitel
![Darstellung des Stils einer Tabellenüberschrift](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/Typo_Table_Rowtitle.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/411264573/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)

### 2.10 Tabellendaten
![Darstellung des Stils von Tabelleninhalten](https://raw.githubusercontent.com/sbb-design-systems/design-system-webapp-documentation/master/documentation/basics/typography/images/typo_table_data.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/17140415/355320827/inspect)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/business/introduction/typography)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/business/introduction/typography)
Loading

0 comments on commit 54f077e

Please sign in to comment.