Explorar o código

some typographical defaults

Eddie Machado %!s(int64=12) %!d(string=hai) anos
pai
achega
3240c5c64c
Modificáronse 1 ficheiros con 34 adicións e 18 borrados
  1. 34 18
      library/scss/breakpoints/_base.scss

+ 34 - 18
library/scss/breakpoints/_base.scss

@@ -17,10 +17,11 @@ GENERAL STYLES
 
 body {
 	font-family: $lato;
-	font-size: 100%;
+  font-size: $baseFontSize / 16 * 100%;
 	line-height: 1.5;
 	color: $text-color;
 	background-color: $gray;
+  -webkit-font-smoothing: antialiased;
 }
 
 /********************
@@ -106,6 +107,9 @@ H1, H2, H3, H4, H5 STYLES
 ******************************************************************/
 
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
+  margin: $leading 0 0;
+  font-family: $lato;
+  line-height: $leading;
 	text-rendering: optimizelegibility;
 	font-weight: 500;
 	/*
@@ -120,30 +124,27 @@ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
 }
 
 h1, .h1 {
-	font-size: 2.5em;
-	line-height: 1.333em;
+  font-size: 3 * $scale * 1rem;
+  line-height: 3 * $leading;
+  margin-top: 2 * $leading;
 }
 
 h2, .h2 {
-	font-size: 1.75em;
-	line-height: 1.4em;
-	margin-bottom: 0.375em;
+  font-size: 2 * $scale * 1rem;
+  line-height: 2 * $leading;
+  margin-top: 2 * $leading;
 }
 
 h3, .h3 {
-	font-size: 1.125em;
+	font-size: 1 * $scale * 1rem;
 }
 
 h4, .h4 {
-	font-size: 1.1em;
-	font-weight: 700;
+	font-size: $scale / 2 * 1rem;
 }
 
 h5, .h5 {
-	font-size: 0.846em;
-	line-height: 2.09em;
-	text-transform: uppercase;
-	letter-spacing: 2px;
+	font-size: $scale / 3 * 1rem;
 }
 
 /*********************
@@ -310,18 +311,26 @@ POSTS & CONTENT STYLES
 
 		/* entry content */
 		.entry-content {
-			padding: 1.5em 1.5em 0;
+			padding: $leading 0;
 
 			p {
-				margin: 0 0 1.5em;
+				margin: 0 0 $leading;
 			}
 
 
 			ul, ol, table, dl {}
 
 			ul, ol {
+				margin: $leading 0;
 
-				li {}
+				li {
+					line-height: $leading;
+				}
+
+				ul, ol {
+			    margin-top: 0;
+    			margin-bottom: 0;
+				}
 
 			}
 
@@ -340,7 +349,7 @@ POSTS & CONTENT STYLES
 			table {
 				width: 100%;
 				border: 1px solid $gray;
-				margin-bottom: 1.5em;
+  			margin-top: $leading;
 
 				caption {
 					margin: 0 0 7px;
@@ -349,6 +358,11 @@ POSTS & CONTENT STYLES
 					text-transform: uppercase;
 					letter-spacing: 1px;
 				}
+
+				td, th {
+    			padding: 0;
+    			line-height: $baseLineHeight * $baseFontSize - 0px;
+  			}
 			}
 
 			tr {
@@ -360,7 +374,6 @@ POSTS & CONTENT STYLES
 			}
 
 			td {
-				padding: 7px;
 				border-right: 1px solid $gray;
 
 				&:last-child {
@@ -379,6 +392,8 @@ POSTS & CONTENT STYLES
 			}
 
 			blockquote {
+  			line-height: $leading;
+  			margin-top: $leading 0;
 				margin: 0 0 1.5em 0.75em;
 				padding: 0 0 0 0.75em;
 				border-left: 3px solid $blue;
@@ -432,6 +447,7 @@ POSTS & CONTENT STYLES
 				padding: 1.5em;
 				margin: 0 0 1.5em;
 				border-radius: 3px;
+				vertical-align: bottom;
 			}
 
 		} /* end .entry-content */