From 78de8f1a1f423a86c05f361e87012a8ea1f1211b Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sat, 1 Jul 2017 15:33:02 +0800 Subject: IMPORTANT: Replace all rem units to px --- src/layout.less | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'src/layout.less') diff --git a/src/layout.less b/src/layout.less index 1c657df..0f7bdfe 100644 --- a/src/layout.less +++ b/src/layout.less @@ -2,21 +2,21 @@ .container { margin-left: auto; margin-right: auto; - padding-left: @layout-padding; - padding-right: @layout-padding; + padding-left: @layout-spacing; + padding-right: @layout-spacing; width: 100%; &:extend(.clearfix all); &.grid-1280 { - max-width: 128rem + 2 * @layout-padding; + max-width: @size-xl + 2 * @layout-spacing; } &.grid-960 { - max-width: 96rem + 2 * @layout-padding; + max-width: @size-lg + 2 * @layout-spacing; } &.grid-480 { - max-width: 48rem + 2 * @layout-padding; + max-width: @size-xs + 2 * @layout-spacing; } } @@ -24,8 +24,8 @@ .columns { display: flex; flex-wrap: wrap; - margin-left: -@layout-padding; - margin-right: -@layout-padding; + margin-left: -@layout-spacing; + margin-right: -@layout-spacing; &.col-gapless { margin-left: 0; @@ -44,7 +44,7 @@ .column { flex: 1; max-width: 100%; - padding: @layout-padding; + padding: @layout-spacing; &.col-12, &.col-11, -- cgit v1.3.1-26-gb76a From 4cb36cd7914a52c4ea18ac34308a38250a4c0399 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 14 Aug 2017 22:30:02 +0800 Subject: Add mobile responsive support --- docs/components.html | 54 ++++++++---- docs/css/docs.css | 176 +++++++++++++++++++++++++------------ docs/dist/spectre-exp.css | 4 +- docs/dist/spectre-exp.min.css | 2 +- docs/dist/spectre.css | 16 ++-- docs/dist/spectre.min.css | 2 +- docs/elements.html | 21 +++-- docs/experimentals.html | 25 +++--- docs/getting-started.html | 21 +++-- docs/index.html | 16 ++-- docs/layout.html | 21 +++-- docs/src/docs.less | 198 ++++++++++++++++++++++++++++-------------- docs/utilities.html | 41 ++++++--- src/comparison-sliders.less | 2 +- src/layout.less | 3 +- src/parallax.less | 2 +- src/utilities/divider.less | 14 +-- 17 files changed, 403 insertions(+), 215 deletions(-) (limited to 'src/layout.less') diff --git a/docs/components.html b/docs/components.html index 8ea64c9..ea1bbdf 100644 --- a/docs/components.html +++ b/docs/components.html @@ -12,18 +12,21 @@ -
+
-