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:
+24
-50
@@ -3,8 +3,8 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// BODY TEXT
|
||||
// ---------
|
||||
// Body text
|
||||
// -------------------------
|
||||
|
||||
p {
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
@@ -20,13 +20,15 @@ p {
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
}
|
||||
|
||||
// HEADINGS
|
||||
// --------
|
||||
|
||||
// Headings
|
||||
// -------------------------
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
margin: (@baseLineHeight / 2) 0;
|
||||
font-family: @headingsFontFamily;
|
||||
font-weight: @headingsFontWeight;
|
||||
line-height: 1;
|
||||
color: @headingsColor;
|
||||
text-rendering: optimizelegibility; // Fix the character spacing for headings
|
||||
small {
|
||||
@@ -34,59 +36,31 @@ h1, h2, h3, h4, h5, h6 {
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
line-height: @baseLineHeight * 2;
|
||||
small {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
line-height: @baseLineHeight * 2;
|
||||
small {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
small {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h4, h5, h6 {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
small {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 11px;
|
||||
color: @grayLight;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h1 { font-size: 36px; line-height: 40px; }
|
||||
h2 { font-size: 30px; line-height: 40px; }
|
||||
h3 { font-size: 24px; line-height: 40px; }
|
||||
h4 { font-size: 18px; line-height: 20px; }
|
||||
h5 { font-size: 14px; line-height: 20px; }
|
||||
h6 { font-size: 12px; line-height: 20px; }
|
||||
|
||||
h1 small { font-size: 24px; }
|
||||
h2 small { font-size: 18px; }
|
||||
h3 small { font-size: 14px; }
|
||||
h4 small { font-size: 14px; }
|
||||
|
||||
|
||||
// Page header
|
||||
// -------------------------
|
||||
|
||||
.page-header {
|
||||
padding-bottom: @baseLineHeight - 1;
|
||||
margin: @baseLineHeight 0;
|
||||
margin: @baseLineHeight 0 (@baseLineHeight - 1);
|
||||
border-bottom: 1px solid @grayLighter;
|
||||
}
|
||||
.page-header h1 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// LISTS
|
||||
// -----
|
||||
// Lists
|
||||
// --------------------------------------------------
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
|
||||
Reference in New Issue
Block a user