Permalink
Browse files

Add note about typography in README

  • Loading branch information...
morninj committed May 26, 2012
1 parent 2691c5e commit 8a91d10ccc242d01ab07aa3cac2720ea077ddafd
Showing with 33 additions and 25 deletions.
  1. +5 −0 README.md
  2. +1 −1 bootstrap/less/variables.less
  3. +11 −11 index.php
  4. +3 −0 style.css
  5. +13 −13 styles/bootstrap.css
View
@@ -9,6 +9,11 @@ Installation
* Clone this repository to wp-content/themes/Free-as-in-Bird/
* In the WordPress dashboard, go to Settings > Themes and activate "Free as in Bird"
+Typography
+----------
+
+This theme is designed to work with the font [Skolar Web](https://typekit.com/fonts/skolar-web) from TypeKit. If you don't install Skolar, the default will be Georgia.
+
Bootstrap
---------
@@ -49,7 +49,7 @@
@serifFontFamily: "skolar", Georgia, "Times New Roman", Times, serif;
@monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
-@baseFontSize: 17px;
+@baseFontSize: 16px;
@baseFontFamily: @serifFontFamily;
@baseLineHeight: 23px;
@altFontFamily: @serifFontFamily;
View
@@ -29,19 +29,19 @@
</div><!--/.span6-->
</div><!--/.row-->
</header>
- <div class="row">
- <div class="span8">
- <nav>
+ <nav id="main-nav">
+ <div class="row">
+ <div class="span8">
<ul>
- <li><a href="javascript:void(0);">Page One</a></li>
- <li><a href="javascript:void(0);">Page Two</a></li>
- <li><a href="javascript:void(0);">Page Three</a></li>
- <li><a href="javascript:void(0);">Page Four</a></li>
- <li><a href="javascript:void(0);">Page Five</a></li>
+ <li><a href="javascript:void(0);">Blog</a></li>
+ <li><a href="javascript:void(0);">Books</a></li>
+ <li><a href="javascript:void(0);">News</a></li>
+ <li><a href="javascript:void(0);">Wiki</a></li>
+ <li><a href="javascript:void(0);">About</a></li>
</ul>
- </nav>
- </div><!--/.span8-->
- </div><!--/.row-->
+ </div><!--/.span8-->
+ </div><!--/.row-->
+ </nav><!--/#main-nav-->
<section>
<article>
<div class="row">
View
@@ -15,6 +15,9 @@ License URI: https://creativecommons.org/licenses/by/3.0/us/
@import url('styles/bootstrap.css');
@import url('styles/bootstrap-responsive.css');
+/* Navigation */
+@import url('styles/navigation.css');
+
body {
font-weight: 300;
}
View
@@ -131,7 +131,7 @@ textarea {
body {
margin: 0;
font-family: "skolar", Georgia, "Times New Roman", Times, serif;
- font-size: 17px;
+ font-size: 16px;
line-height: 23px;
color: #333333;
background-color: #ffffff;
@@ -301,11 +301,11 @@ a:hover {
p {
margin: 0 0 11.5px;
font-family: "skolar", Georgia, "Times New Roman", Times, serif;
- font-size: 17px;
+ font-size: 16px;
line-height: 23px;
}
p small {
- font-size: 15px;
+ font-size: 14px;
color: #999999;
}
.lead {
@@ -509,7 +509,7 @@ code,
pre {
padding: 0 3px 2px;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
- font-size: 16px;
+ font-size: 15px;
color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
@@ -525,7 +525,7 @@ pre {
display: block;
padding: 11px;
margin: 0 0 11.5px;
- font-size: 15.725000000000001px;
+ font-size: 14.8px;
line-height: 23px;
word-break: break-all;
word-wrap: break-word;
@@ -564,7 +564,7 @@ legend {
width: 100%;
padding: 0;
margin-bottom: 34.5px;
- font-size: 25.5px;
+ font-size: 24px;
line-height: 46px;
color: #333333;
border: 0;
@@ -579,7 +579,7 @@ input,
button,
select,
textarea {
- font-size: 17px;
+ font-size: 16px;
font-weight: normal;
line-height: 23px;
}
@@ -603,7 +603,7 @@ select,
height: 23px;
padding: 4px;
margin-bottom: 9px;
- font-size: 17px;
+ font-size: 16px;
line-height: 23px;
color: #555555;
background-color: #ffffff;
@@ -2042,7 +2042,7 @@ button.close {
*zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
- font-size: 17px;
+ font-size: 16px;
line-height: 23px;
*line-height: 20px;
color: #333333;
@@ -2133,7 +2133,7 @@ button.close {
}
.btn-large {
padding: 9px 14px;
- font-size: 19px;
+ font-size: 18px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
@@ -2144,15 +2144,15 @@ button.close {
}
.btn-small {
padding: 5px 9px;
- font-size: 15px;
+ font-size: 14px;
line-height: 21px;
}
.btn-small [class^="icon-"] {
margin-top: -1px;
}
.btn-mini {
padding: 2px 6px;
- font-size: 15px;
+ font-size: 14px;
line-height: 19px;
}
.btn-primary,
@@ -3710,7 +3710,7 @@ a.thumbnail:hover {
}
.label,
.badge {
- font-size: 14.382px;
+ font-size: 13.536px;
font-weight: bold;
line-height: 14px;
color: #ffffff;

0 comments on commit 8a91d10

Please sign in to comment.