fixed some column-width issues in SCSS with code and pre tags

gexahedron · Feb 28, 2015 · bc477d0 · bc477d0
1 parent f79ead3
commit bc477d0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/_scss/tufte.scss b/_scss/tufte.scss
@@ -21,6 +21,7 @@
 html, body { height: 100%; }
 a {
   text-decoration: none;
+
 }
 
 /* clearfix hack after Cederholm (group class name) */
@@ -33,6 +34,8 @@ a {
 html{
     text-align: baseline;
     font-size: 11px;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 
   }
   @media screen{
@@ -210,11 +213,11 @@ p, li{
     padding-right: 0px;
     vertical-align: baseline;
 }
-// Since there is no grid here, lists break if they are too long.
+// Since there is no grid here, lists and pre-formatted code break if they are too long.
 // Necessary to specify that any list within an article is the same width as
 // the paragraphs
 
-p, article  ul li{
+p, article  ul li, pre code, pre code p, code{
   width: 55%;
 }
 
@@ -412,7 +415,9 @@ span.newthought {
     }
     @page {
         margin: 0.75in 0.5in 0.75in 0.5in;
+        orphans:4; widows:2;
     }
+
     body {
         font-size:  12pt;
 

diff --git a/css/tufte.css b/css/tufte.css
@@ -170,7 +170,9 @@ a {
 
 html {
   text-align: baseline;
-  font-size: 11px; }
+  font-size: 11px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
 
 @media screen {
   .print-footer {
@@ -319,7 +321,7 @@ p, li {
   padding-right: 0px;
   vertical-align: baseline; }
 
-p, article ul li {
+p, article ul li, pre code, pre code p, code {
   width: 55%; }
 
 @media screen and (max-width: 600px) {
@@ -508,7 +510,9 @@ span.newthought {
     text-shadow: none !important; }
 
   @page {
-    margin: 0.75in 0.5in 0.75in 0.5in; }
+    margin: 0.75in 0.5in 0.75in 0.5in;
+    orphans: 4;
+    widows: 2; }
   body {
     font-size: 12pt; }