@resir014

Chungking Design System

Foundations

Colors

Primary

Secondary

Accent Colors

Typography

Sans Serif

Sans Serif - 100
Sans Serif - 200
Sans Serif - 300
Sans Serif - 400
Sans Serif - 500
Sans Serif - 600
Sans Serif - 700
Sans Serif - 800
Sans Serif - 900

Monospace

Monospace - 400
Monospace - 700

Components

Badge

default grey green blue orange purple magenta

Button

PrimaryDisabled
SmallDisabled
LargeDisabled
SecondaryDisabled
DangerDisabled
WhiteDisabled

Posts

Paragraph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error autem voluptate libero delectus nesciunt vitae atque beatae placeat minus cumque sequi assumenda quidem voluptas dicta nostrum modi, exercitationem ad ex.

Ut, a adipisci cum sequi cumque perspiciatis iure placeat reiciendis inventore aut tempore libero, nobis ullam sit modi, tempora nam consequatur laboriosam harum. Repellat quibusdam quia quos rerum cupiditate distinctio.

Lists

  • Lorem ipsum dolor sit, amet consectetur adipisicing elit. Veritatis, laudantium.
  • Exercitationem voluptas, rerum quo magnam velit quia adipisci quos unde?
  • Voluptate id pariatur sint provident aliquam aspernatur earum illum explicabo.
  1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, illo.
  2. Explicabo necessitatibus repudiandae sed nulla expedita. Non, perspiciatis. Iusto, id?
  3. Labore inventore ratione perferendis, error voluptates suscipit impedit laborum magni.

Blockquote

The quick brown fox jumps over the lazy dog.

Bookmark Link

Accessibility is not a “React Problem” »

www.netlify.com

Post Metadata

Category

Message Box

Info: This post is also published on Medium.
Update: Phoenix 1.4 ships with Webpack by default, therefore this guide is now outdated.
Protip: You can always use Rollup to bundle libraries with tree-shaking.

Projects

Featured Project

Featured project

Broville v11

A fully-detailed custom map for Minecraft.

minecraftgaming

Project Card

Without Image

Broville v11

A fully-detailed custom map for Minecraft.

minecraftgaming

With Image

Broville v11

A fully-detailed custom map for Minecraft.

minecraftgaming

Project Item List

List Item

Broville v11

2016

A fully-detailed custom map for Minecraft.

minecraftgaming