mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-05 16:42:29 +03:00
updates to type scale
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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
|
||||
================================================== -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user