From 0c582f722bf5e6430166ef0adb8d4c79948aeea5 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 15 Aug 2013 20:25:43 -0700
Subject: [PATCH] More responsive customizer layout
---
assets/css/docs.css | 4 ++++
customize.html | 29 ++++++++++++++---------------
2 files changed, 18 insertions(+), 15 deletions(-)
diff --git a/assets/css/docs.css b/assets/css/docs.css
index f057dc3edb..f3e3b13bb0 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -189,6 +189,10 @@ body {
text-align: center;
}
+#less-section label {
+ font-weight: normal;
+}
+
/* Docs pages and sections
diff --git a/customize.html b/customize.html
index 15c5a2cf36..26df1c7485 100644
--- a/customize.html
+++ b/customize.html
@@ -18,7 +18,7 @@ base_url: "../"
<h3>Basics</h3>
<div class="row">
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Layout</h4>
<div class="checkbox">
<label>
@@ -45,7 +45,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Global CSS</h4>
<div class="checkbox">
<label>
@@ -78,7 +78,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Utility classes</h4>
<div class="checkbox">
<label>
@@ -103,14 +103,7 @@ base_url: "../"
<h3>Components</h3>
<div class="row">
- <div class="col-lg-4">
- <div class="checkbox">
- <label>
- <input type="checkbox" checked value="input-groups.less">
- Input groups
- </label>
- </div>
-
+ <div class="col-xs-6 col-sm-4">
<h4>Navigation</h4>
<div class="checkbox">
<label>
@@ -143,7 +136,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Content blocks</h4>
<div class="checkbox">
<label>
@@ -164,7 +157,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Behavioral (requires JS)</h4>
<div class="checkbox">
<label>
@@ -206,7 +199,7 @@ base_url: "../"
</div>
<div class="row">
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Media</h4>
<div class="checkbox">
<label>
@@ -227,8 +220,14 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Miscellaneous</h4>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" checked value="input-groups.less">
+ Input groups
+ </label>
+ </div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="button-groups.less">
--
GitLab