From a8ba146553cdbe25c782aea323a8f7df0ad664f0 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 15 Aug 2017 16:06:33 +0800 Subject: IMPORTANT: Change back to rem unit, and default html font size is 20px. --- docs/getting-started.html | 134 ++++++++++++++++++++++++---------------------- 1 file changed, 70 insertions(+), 64 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index a283d1a..5a1afc1 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -365,86 +365,92 @@

Variables

Spectre.css is designed with consistent design language. You can modify variables.less to create your new or match existing design. -

Colors
-
-
-
-
#5764c6
-
Primary
-
+
+
Colors
+
+
+
+
#5764c6
+
Primary
-
-
-
#eff1fa
-
Secondary
-
+
+
+
+
#eff1fa
+
Secondary
-
-
-
-
#454d5d
-
Dark
-
+
+
+
+
+
#454d5d
+
Dark
-
-
-
#727e96
-
Gray dark
-
+
+
+
+
#727e96
+
Gray dark
-
-
-
#acb3c2
-
Gray
-
+
+
+
+
#acb3c2
+
Gray
-
-
-
#e7e9ed
-
Gray light
-
+
+
+
+
#e7e9ed
+
Gray light
-
-
-
#f0f1f4
-
Border
-
+
+
+
+
#f0f1f4
+
Border
-
-
-
#f8f9fa
-
Background
-
+
+
+
+
#f8f9fa
+
Background
-
-
-
#fff
-
Light
-
+
+
+
+
#fff
+
Light
-
-
-
-
#32b643
-
Success
-
+
+
+
+
+
#32b643
+
Success
-
-
-
#ffb700
-
Warning
-
+
+
+
+
#ffb700
+
Warning
-
-
-
#e85600
-
Error
-
+
+
+
+
#e85600
+
Error
+
Sizes
+
+

The default REM (root em) size in Spectre.css is 20px.

+

Please note in Chinese/Japanese/Korean Chrome, Chrome uses 12px as default minimum font size. That is why Spectre sets rem default html font size to 20px, which is relatively easy to calculate.

+

Spectre also use 4px as the unit size. Sizes of components are based on the unit size.

+
-- cgit v1.3.1-23-gd82d