Normalized font-sizes in CSS

SoftlySplinter · Sep 29, 2013 · 7390bb8 · 7390bb8
1 parent 2e8e767
commit 7390bb8
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/resources/default.css b/resources/default.css
@@ -2,6 +2,7 @@ body {
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   color: #222;
   background-color: #f7f7f7;
+  font-size: 100%;
 }
 
 #wrapper {
@@ -28,8 +29,8 @@ body {
   height: 540px;
   padding: 30px;
   font-weight: 200;
-  font-size: 32px;
-  line-height: 44px;
+  font-size: 200%;
+  line-height: 1.375;
 }
 
 .controls {
@@ -81,22 +82,22 @@ body {
 }
 
 .slide h1 {
-  font-size: 100px;
+  font-size: 300%;
   line-height: 1.2;
   text-align: center;
   margin: 140px 0 0;
 }
 
 .slide h2 {
-  font-size: 30px;
+  font-size: 100%;
   line-height: 1.2;
   margin: 5px 0;
   text-align: center;
   font-weight: 200;
 }
 
 .slide h3 {
-  font-size: 45px;
+  font-size: 140%;
   line-height: 1.2;
   border-bottom: 1px solid #aaa;
   margin: 0;
@@ -106,22 +107,21 @@ body {
 .slide ul {
   padding: 20px 0 0 60px;
   font-weight: 200;
-  font-size: 32px;
-  line-height: 44px;
+  line-height: 1.375;
 }
 
 .slide .author h1.name {
-  font-size: 55px;
+  font-size: 170%;
   font-weight: 200;
   text-align: center;
-  margin-top: 185px;
+  margin-top: 160px;
   margin-bottom: 30px;
 }
 
 .slide .author h3 {
   font-weight: 100;
   text-align: center;
-  font-size: 30px;
+  font-size: 95%;
   border: none;
 }