Summary Files Commits Branches @commit @diff @stats
diff options
context:
space:
mode:
Commit729ca982e6e53317b60d431ddfd9e3f7ff05aa83 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2016-03-13 12:25:14 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2016-03-13 12:25:14 +0800
Filesa60128e072b3c5b37fb2adcb4cb3d6b5035c924c
Spectre-Dark-Gruvbox-729ca982e6e53317b60d431ddfd9e3f7ff05aa83.tar
Spectre-Dark-Gruvbox-729ca982e6e53317b60d431ddfd9e3f7ff05aa83.tar.gz
Spectre-Dark-Gruvbox-729ca982e6e53317b60d431ddfd9e3f7ff05aa83.zip
Parent819eb90a16adb921a9f362327f2f38139a87a707 (diff)
update demo page
4 files changed, 55 insertions, 39 deletions
-rw-r--r--demo/index.html52
-rw-r--r--dist/spectre.css13
-rw-r--r--src/tables.less21
-rw-r--r--src/typography.less8
diff --git a/demo/index.html b/demo/index.html
index cf76fc7..20a6a54 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -32,28 +32,34 @@
</blockquote>
<header class="text-center"><h4>lists</h4></header>
- <ul class="list">
- <li>list item 1</li>
- <li>list item 2
- <ul>
- <li>list item 2.1</li>
- <li>list item 2.2</li>
- <li>list item 2.3</li>
+ <div class="columns">
+ <div class="column col-6">
+ <ul class="list">
+ <li>list item 1</li>
+ <li>list item 2
+ <ul>
+ <li>list item 2.1</li>
+ <li>list item 2.2</li>
+ <li>list item 2.3</li>
+ </ul>
+ </li>
+ <li>list item 3</li>
</ul>
- </li>
- <li>list item 3</li>
- </ul>
- <ol class="list">
- <li>list item 1</li>
- <li>list item 2
- <ol>
- <li>list item 2.1</li>
- <li>list item 2.2</li>
- <li>list item 2.3</li>
+ </div>
+ <div class="column col-6">
+ <ol class="list">
+ <li>list item 1</li>
+ <li>list item 2
+ <ol>
+ <li>list item 2.1</li>
+ <li>list item 2.2</li>
+ <li>list item 2.3</li>
+ </ol>
+ </li>
+ <li>list item 3</li>
</ol>
- </li>
- <li>list item 3</li>
- </ol>
+ </div>
+ </div>
</section>
<section class="layout">
<header class="text-center"><h4>flexbox layout</h4></header>
@@ -187,12 +193,10 @@
</div>
<div class="form-group">
<label class="form-radio">
- <input type="radio" name="question">
- Yes
+ <input type="radio" name="question" checked> Yes
</label>
<label class="form-radio">
- <input type="radio" name="question">
- No
+ <input type="radio" name="question"> No
</label>
</div>
<div class="form-group">
diff --git a/dist/spectre.css b/dist/spectre.css
index 8babd15..81b3692 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -428,6 +428,7 @@ p.lead {
blockquote {
padding: 1rem 2rem;
border-left: 2px solid #ddd;
+ margin-left: 0;
}
blockquote p:last-child {
margin-bottom: 0;
@@ -487,6 +488,10 @@ ul ol,
ol ol {
margin-left: 2rem;
}
+ul li,
+ol li {
+ margin-top: 1rem;
+}
ul {
list-style: disc inside;
}
@@ -586,14 +591,14 @@ ol ol {
table {
width: 100%;
}
-th,
-td {
+table th,
+table td {
text-align: left;
- padding: 1rem .5rem;
+ padding: 1.5rem 1rem;
border-bottom: 0.1rem solid #efefef;
background-color: #fff;
}
-th {
+table th {
border-color: #d6d6d6;
}
.btn,
diff --git a/src/tables.less b/src/tables.less
index c819904..d212baa 100644
--- a/src/tables.less
+++ b/src/tables.less
@@ -1,14 +1,15 @@
// Tables
table {
width: 100%;
-}
-th,
-td {
- text-align: left;
- padding: 1rem .5rem;
- border-bottom: .1rem solid @core-border-color;
- background-color: #fff;
-}
-th {
- border-color: darken(@core-border-color, 10%);
+
+ th,
+ td {
+ text-align: left;
+ padding: 1.5rem 1rem;
+ border-bottom: .1rem solid @core-border-color;
+ background-color: #fff;
+ }
+ th {
+ border-color: darken(@core-border-color, 10%);
+ }
} \ No newline at end of file
diff --git a/src/typography.less b/src/typography.less
index e3a8d37..a15b132 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -38,6 +38,7 @@ p {
blockquote {
padding: 1rem 2rem;
border-left: 2px solid #ddd;
+ margin-left: 0;
p:last-child {
margin-bottom: 0;
@@ -92,11 +93,16 @@ blockquote {
ul,
ol {
+ margin: 0 0 1rem;
+
ul,
ol {
margin-left: 2rem;
}
- margin: 0 0 1rem;
+
+ li {
+ margin-top: 1rem;
+ }
}
ul {
list-style: disc inside;