Skip to content

Instantly share code, notes, and snippets.

@namjul
Last active March 18, 2020 14:52
Show Gist options
  • Save namjul/4f8f51b56348db93b21b265aeb234b1a to your computer and use it in GitHub Desktop.
Save namjul/4f8f51b56348db93b21b265aeb234b1a to your computer and use it in GitHub Desktop.

Revisions

  1. Samuel Hobl revised this gist Mar 18, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion rfc-styleguide.md
    Original file line number Diff line number Diff line change
    @@ -20,7 +20,7 @@ _Section explaining what primitives and pattern components are_
    ## Sizes
    _Section explaining what the `size` prop is about_
    ## system-props/`css` prop
    _Section explaining global props_
    _Section explaining system/global props_
    # Components
    # Global Rules

  2. Samuel Hobl revised this gist Mar 18, 2020. 1 changed file with 26 additions and 1 deletion.
    27 changes: 26 additions & 1 deletion rfc-styleguide.md
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,34 @@
    The styleguide could be roughly structured in the following way.

    # Introduction/Gettings started
    _Section which introduces the design-system and contains links to the most looked for resources_
    # Values
    _Section which contains informations about principles/values/goals_
    # Foundation
    ## Colors
    ## Icons/Iconography
    ## Font/Typography
    ## Architecture
    _Section explaining the core architectural patterns the design-system is build on_
    ## Theming
    _Section which contains informations about our theme structure (tokens) and how to use it in code_
    # Design patterns
    ## Spacing
    _Section which anwers questions about vertical and horizontal spacing_
    ## Primitives/Pattern components
    _Section explaining what primitives and pattern components are_
    ## Sizes
    _Section explaining what the `size` prop is about_
    ## system-props/`css` prop
    _Section explaining global props_
    # Components
    # Global Rules


    # Getting started

    - The getting started section can include how a basic usage of the DS
    - An overview of core concepts
    - An overview of core concepts (primitives/patterns, system-props/`css` prop, theme, )

    ## Concepts

  3. Samuel Hobl revised this gist Mar 18, 2020. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions rfc-styleguide.md
    Original file line number Diff line number Diff line change
    @@ -2,6 +2,9 @@ The styleguide could be roughly structured in the following way.

    # Getting started

    - The getting started section can include how a basic usage of the DS
    - An overview of core concepts

    ## Concepts

    ### CSS-in-JS
    @@ -10,10 +13,8 @@ The styleguide could be roughly structured in the following way.

    ### primitives/pattern components


    The styleguide could be roughly structured in the following way.


    # Introduction

    _Section which introduces the design-system and contains links to the most looked for resources_
  4. Samuel Hobl revised this gist Mar 18, 2020. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions rfc-styleguide.md
    Original file line number Diff line number Diff line change
    @@ -10,8 +10,10 @@ The styleguide could be roughly structured in the following way.

    ### primitives/pattern components


    The styleguide could be roughly structured in the following way.


    # Introduction

    _Section which introduces the design-system and contains links to the most looked for resources_
  5. Samuel Hobl revised this gist Mar 18, 2020. 1 changed file with 1 addition and 5 deletions.
    6 changes: 1 addition & 5 deletions rfc-styleguide.md
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,3 @@


    The styleguide could be roughly structured in the following way.

    # Getting started
    @@ -12,10 +10,8 @@ The styleguide could be roughly structured in the following way.

    ### primitives/pattern components


    The styleguide could be roughly structured in the following way.


    # Introduction

    _Section which introduces the design-system and contains links to the most looked for resources_
    @@ -115,4 +111,4 @@ _here we could add global rules (e.g data entry, data display, data format, etc.

    # Components

    _here we could rules specific to components_
    _here we could rules specific to components_
  6. Samuel Hobl created this gist Mar 12, 2020.
    118 changes: 118 additions & 0 deletions rfc-styleguide.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,118 @@


    The styleguide could be roughly structured in the following way.

    # Getting started

    ## Concepts

    ### CSS-in-JS

    ### `css` props

    ### primitives/pattern components


    The styleguide could be roughly structured in the following way.


    # Introduction

    _Section which introduces the design-system and contains links to the most looked for resources_

    # Values

    _Section which contains informations about principles/values/goals_

    # Foundation

    ## Colors

    ## Icons/Iconography

    ## Font/Typography

    ## Architecture

    _Section explaining the core architectural patterns the design-system is build on_

    ## Theming

    _Section which contains informations about our theme structure (tokens) and how to use it in code_

    # Design patterns

    ## Spacing

    _Section which anwers questions about vertical and horizontal spacing_

    ## Primitives/Pattern components

    _Section explaining what primitives and pattern components are_

    ## Sizes

    _Section explaining what the `size` prop is about_

    ## `css` prop

    _Section explaining the `css` prop and when/how to use it_

    # Global Rules

    _here we could add global rules (e.g data entry, data display, data format, etc.)_

    # Components

    _here we could rules specific to components_


    # Introduction

    _Section which introduces the design-system and contains links to the most looked for resources_

    # Values

    _Section which contains informations about principles/values/goals_

    # Foundation

    ## Colors

    ## Icons/Iconography

    ## Font/Typography

    ## Architecture

    _Section explaining the core architectural patterns the design-system is build on_

    ## Theming

    _Section which contains informations about our theme structure (tokens) and how to use it in code_

    # Design patterns

    ## Spacing

    _Section which anwers questions about vertical and horizontal spacing_

    ## Primitives/Pattern components

    _Section explaining what primitives and pattern components are_

    ## Sizes

    _Section explaining what the `size` prop is about_

    ## `css` prop

    _Section explaining the `css` prop and when/how to use it_

    # Global Rules

    _here we could add global rules (e.g data entry, data display, data format, etc.)_

    # Components

    _here we could rules specific to components_