b-typography

banzalik · Feb 24, 2012 · 6e350cd · 6e350cd
1 parent ef4a4ec
commit 6e350cd
Show file tree

Hide file tree

Showing 12 changed files with 208 additions and 0 deletions.
diff --git a/b-typography/__abbr/b-typography__abbr.less b/b-typography/__abbr/b-typography__abbr.less
@@ -0,0 +1,7 @@
+// Abbreviations and acronyms
+abbr {
+  font-size: 90%;
+  text-transform: uppercase;
+  border-bottom: 1px dotted #ddd;
+  cursor: help;
+}
diff --git a/b-typography/__address/b-typography__address.less b/b-typography/__address/b-typography__address.less
@@ -0,0 +1,7 @@
+// Addresses
+address {
+  display: block;
+  margin-bottom: @baseLineHeight;
+  line-height: @baseLineHeight;
+  font-style: normal;
+}
diff --git a/b-typography/__blockquote/b-typography__blockquote.less b/b-typography/__blockquote/b-typography__blockquote.less
@@ -0,0 +1,39 @@
+// Blockquotes
+blockquote {
+  padding: 0 0 0 15px;
+  margin: 0 0 @baseLineHeight;
+  border-left: 5px solid @grayLighter;
+  p {
+    margin-bottom: 0;
+    #font > .shorthand(16px,300,@baseLineHeight * 1.25);
+  }
+  small {
+    display: block;
+    line-height: @baseLineHeight;
+    color: @grayLight;
+    &:before {
+      content: '\2014 \00A0';
+    }
+  }
+
+  // Float right with text-align: right
+  &.pull-right {
+    float: right;
+    padding-left: 0;
+    padding-right: 15px;
+    border-left: 0;
+    border-right: 5px solid @grayLighter;
+    p,
+    small {
+      text-align: right;
+    }
+  }
+}
+
+// Quotes
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+  content: "";
+}
diff --git a/b-typography/__cite/b-typography__cite.less b/b-typography/__cite/b-typography__cite.less
@@ -0,0 +1,4 @@
+// Misc
+cite {
+  font-style: normal;
+}
diff --git a/b-typography/__emphasis/b-typography__emphasis.less b/b-typography/__emphasis/b-typography__emphasis.less
@@ -0,0 +1,10 @@
+// Emphasis
+strong {
+  font-weight: bold;
+}
+em {
+  font-style: italic;
+}
+.muted {
+  color: @grayLight;
+}
diff --git a/b-typography/__headings/b-typography__headings.less b/b-typography/__headings/b-typography__headings.less
@@ -0,0 +1,51 @@
+// HEADINGS
+// --------
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  font-weight: bold;
+  color: @grayDark;
+  text-rendering: optimizelegibility; // Fix the character spacing for headings
+  small {
+    font-weight: normal;
+    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 {
+  line-height: @baseLineHeight * 1.5;
+  font-size: 18px;
+  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;
+}
diff --git a/b-typography/__hr/b-typography__hr.less b/b-typography/__hr/b-typography__hr.less
@@ -0,0 +1,10 @@
+// MISC
+// ----
+
+// Horizontal rules
+hr {
+  margin: @baseLineHeight 0;
+  border: 0;
+  border-top: 1px solid @hrBorder;
+  border-bottom: 1px solid @white;
+}
diff --git a/b-typography/__lists/b-typography__lists.less b/b-typography/__lists/b-typography__lists.less
@@ -0,0 +1,43 @@
+// LISTS
+// -----
+
+// Unordered and Ordered lists
+ul, ol {
+  padding: 0;
+  margin: 0 0 @baseLineHeight / 2 25px;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+  margin-bottom: 0;
+}
+ul {
+  list-style: disc;
+}
+ol {
+  list-style: decimal;
+}
+li {
+  line-height: @baseLineHeight;
+}
+ul.unstyled,
+ol.unstyled {
+  margin-left: 0;
+  list-style: none;
+}
+
+// Description Lists
+dl {
+  margin-bottom: @baseLineHeight;
+}
+dt,
+dd {
+  line-height: @baseLineHeight;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: @baseLineHeight / 2;
+}
diff --git a/b-typography/__page-header/b-typography__page-header.less b/b-typography/__page-header/b-typography__page-header.less
@@ -0,0 +1,9 @@
+// Page header
+.page-header {
+  padding-bottom: @baseLineHeight - 1;
+  margin: @baseLineHeight 0;
+  border-bottom: 1px solid @grayLighter;
+}
+.page-header h1 {
+  line-height: 1;
+}
diff --git a/b-typography/__small/b-typography__small.less b/b-typography/__small/b-typography__small.less
@@ -0,0 +1,4 @@
+// Misc
+small {
+  font-size: 100%;
+}
diff --git a/b-typography/b-typography.deps.js b/b-typography/b-typography.deps.js
@@ -0,0 +1,5 @@
+({
+    shouldDeps: [
+        { elems: [ 'headings', 'page-header', 'lists', 'hr', 'emphasis', 'abbr', 'blockquote', 'address', 'small', 'cite' ] }
+    ]
+})
diff --git a/b-typography/b-typography.less b/b-typography/b-typography.less
@@ -0,0 +1,19 @@
+// BODY TEXT
+// ---------
+
+p {
+  margin: 0 0 @baseLineHeight / 2;
+  font-family: @baseFontFamily;
+  font-size: @baseFontSize;
+  line-height: @baseLineHeight;
+  small {
+    font-size: @baseFontSize - 2;
+    color: @grayLight;
+  }
+}
+.lead {
+  margin-bottom: @baseLineHeight;
+  font-size: 20px;
+  font-weight: 200;
+  line-height: @baseLineHeight * 1.5;
+}