diff options
update demo page
4 files changed, 55 insertions, 39 deletions
| -rw-r--r-- | demo/index.html | 52 | ||||
| -rw-r--r-- | dist/spectre.css | 13 | ||||
| -rw-r--r-- | src/tables.less | 21 | ||||
| -rw-r--r-- | src/typography.less | 8 |
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; |