miyagi demo
This is a demo page for miyagi, a node based component development tool for JavaScript template engines.
Colors
-
- Name
- --color-Font
- RGB
- rgb(102, 102, 102)
- Hex
- #666666
- HSL
- hsl(0, 0%, 40%)
-
- Name
- --color-Hover
- RGB
- rgb(255, 215, 0)
- Hex
- #ffd700
- HSL
- hsl(51, 100%, 50%)
-
- Name
- --color-LightGrey
- RGB
- rgb(238, 238, 238)
- Hex
- #eeeeee
- HSL
- hsl(0, 0%, 93%)
-
- Name
- --color-Primary
- RGB
- rgb(127, 255, 212)
- Hex
- #7fffd4
- HSL
- hsl(160, 100%, 75%)
-
- Name
- --color-Secondary
- RGB
- rgb(139, 0, 139)
- Hex
- #8b008b
- HSL
- hsl(300, 100%, 27%)
Fonts
-
- Name
- --typo-Default
- font-family
- -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Helvetica, Arial, sans-serif
- font-size
- 1.6rem
- line-height
- 1.5
-
- Name
- --typo-H1
- font-size
- 4.8rem
- font-weight
- bold
- line-height
- 1.125
-
- Name
- --typo-H2
- font-size
- 3.2rem
- font-weight
- bold
- line-height
- 1.125
-
- Name
- --typo-H3
- font-size
- 2.4rem
- font-weight
- bold
Spacings
-
- Name
- --spacing-4
- Size
- 4rem
-
- Name
- --spacing-8
- Size
- 8rem