feat(theme): better content margin

sparanoid · Aug 14, 2015 · 6f75ecd · 6f75ecd
1 parent cbd8d03
commit 6f75ecd
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/_app/_posts/note/2014-06-01-custom-html-markups.md b/_app/_posts/note/2014-06-01-custom-html-markups.md
@@ -70,7 +70,7 @@ Please note that you can't apply CSS classes in Markdown, so you have to use HTM
 
 ### Example
 
-<p class="browser"><img src="http://rsrc.sparanoid.com/delicious.com.png" alt="Delicious Preview" class=nointense></p>
+<p class="browser"><img src="http://rsrc.sparanoid.com/delicious.com.png" alt="Delicious Preview" class="nointense"></p>
 
 ## [intense.js](http://github.com/tholman/intense-images)
 

diff --git a/_app/assets/themes/curtana/_less/app.less b/_app/assets/themes/curtana/_less/app.less
@@ -308,7 +308,7 @@ body:hover .latest {
   }
 
   p {
-    margin: 0 0 1.1em;
+    margin: 0 0 1.6rem;
     line-height: (@base-line-height * 1.2);
   }
 
@@ -374,7 +374,7 @@ body:hover .latest {
   }
 
   ul, ol {
-    margin: 0 0 1em 1.5em;
+    margin: 0 0 1.8rem 1.5em;
 
     li {
       line-height: (@base-line-height * 1.2);
@@ -392,12 +392,12 @@ body:hover .latest {
   img, video, iframe {
     display: block;
     max-width: 100%;
-    margin: 0 0 4vmin;
+    margin: 0 0 1.8rem;
   }
 
   blockquote {
     position: relative;
-    margin-bottom: 2em;
+    margin-bottom: 2.8rem;
 
     > p {
       padding-left: .8em;
@@ -447,7 +447,7 @@ body:hover .latest {
 
   pre {
     padding: 1em;
-    margin: 0 0 1em;
+    margin: 0 0 1.8rem;
     overflow-x: scroll;
     font-size: 80%;
     line-height: (@base-line-height * 1.2);
@@ -463,7 +463,7 @@ body:hover .latest {
       display: block;
       width: 100%;
       padding: 1vmin 0;
-      margin: 0 0 1vmin;
+      margin: 0 0 1.8rem;
       border: none;
       border-bottom: 1px solid fade(@text-color, 20%);
       // Remove border-radius for iOS devices
@@ -498,7 +498,7 @@ body:hover .latest {
     border-spacing: 0;
     font-size: 90%;
     width: 100%;
-    margin: 0 0 1em;
+    margin: 0 0 1.8rem;
 
     th,
     td {
@@ -541,14 +541,14 @@ body:hover .latest {
 .largetype {
   .heading;
   font-size: 200%;
-  margin-bottom: .5em !important;
+  margin-bottom: 1.8rem !important;
 }
 
 // Broser frame for images in category "work"
 .browser {
   position: relative;
   padding-top: 24px;
-  margin: 0 0 4vmin !important;
+  margin: 0 0 1.8rem !important;
   background: rgba(255, 255, 255, .1);
   border-radius: 5px 5px 0 0;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
@@ -609,7 +609,7 @@ body:hover .latest {
 // Post list in "work" and "note"
 .list {
   display: block;
-  margin: 0 0 1.4vmin;
+  margin: 0 0 .4rem;
 
   h1 {
     .heading;