diff options
| author | Mark Otto <[email protected]> | 2012-07-05 15:11:54 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-07-05 15:11:54 -0700 |
| commit | 3c07eaa251b73e6c5eff4b56e074c54708a4b4ba (patch) | |
| tree | aa81aea712ca7012cb7bf580ff0e8287c52c21ab /less/tests | |
| parent | c6ee96c02587aeea0da52018325c100bfd45127a (diff) | |
| download | bootstrap-3c07eaa251b73e6c5eff4b56e074c54708a4b4ba.tar.xz bootstrap-3c07eaa251b73e6c5eff4b56e074c54708a4b4ba.zip | |
updates to type scale
Diffstat (limited to 'less/tests')
| -rw-r--r-- | less/tests/css-tests.css | 17 | ||||
| -rw-r--r-- | less/tests/css-tests.html | 39 |
2 files changed, 55 insertions, 1 deletions
diff --git a/less/tests/css-tests.css b/less/tests/css-tests.css index e0870be44..628dbba6f 100644 --- a/less/tests/css-tests.css +++ b/less/tests/css-tests.css @@ -12,9 +12,24 @@ body { .subhead { margin-bottom: 36px; } -h4 { +/*h4 { margin-bottom: 5px; } +*/ + +.type-test { + margin-bottom: 20px; + padding: 0 20px 20px; + background: url(../../docs/assets/img/grid-baseline-20px.png); +} +.type-test h1, +.type-test h2, +.type-test h3, +.type-test h4, +.type-test h5, +.type-test h6 { + xbackground-color: rgba(255,0,0,.2); +} /* colgroup tests */ diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index 2396e348c..4b8b1a277 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -55,6 +55,45 @@ +<!-- Typography +================================================== --> + +<div class="page-header"> + <h1>Typography</h1> +</div> + +<div class="row"> + <div class="span6"> + <div class="type-test"> + <h1>h1. Heading 1</h1> + <h2>h2. Heading 2</h2> + <h3>h3. Heading 3</h3> + <h4>h4. Heading 4</h4> + <h5>h5. Heading 5</h5> + <h6>h6. Heading 6</h6> + <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> + </div> + </div> + <div class="span6"> + <div class="type-test"> + <h1>h1. Heading 1</h1> + <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> + <h2>h2. Heading 2</h2> + <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> + <h3>h3. Heading 3</h3> + <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> + <h4>h4. Heading 4</h4> + <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> + <h5>h5. Heading 5</h5> + <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> + <h6>h6. Heading 6</h6> + <p>Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> + </div> + </div> +</div> + + + <!-- Fluid grid ================================================== --> |