use more LESS extends, split up content styles

_src/assets/less/content-link.less

@@ -0,0 +1,27 @@
+// LINK POST
+/////////////////////////////////////
+
+.hentry.format-link {
+
+}
+
+.linkurl {
+    display: block;
+    font-family: @font-family-base;
+    font-size: @font-size-mini;
+    color: @text-color-dimmed;
+    padding: @line-height-computed/3 0;
+    margin-left: auto;
+    margin-right: auto;
+    &:extend(.ellipsis);
+
+    max-width: 70%;
+    @media @breakpoint2 {
+        max-width: 50%;
+    }
+}
+
+.permalink-link {
+	float: right;
+    font-size: 1.1em
+}

_src/assets/less/content-photo.less

@@ -0,0 +1,84 @@
+// PHOTO POST
+/////////////////////////////////////
+
+.hentry.format-photo {
+
+    figure {
+        position: relative;
+        display: inline-block;
+        margin-left: auto;
+        margin-right: auto;
+
+        img,
+        figcaption {
+            margin-bottom: 0;
+        }
+
+        img { max-height: 540px }
+
+        figcaption {
+            position: absolute;
+            left: 0;
+            top: 25%;
+            max-width: 55%;
+            min-width: 45%;
+            text-align: right;
+        	font-family: @headings-font-family;
+        	font-weight: @headings-font-weight;
+            font-style: normal;
+        	font-size: .9em;
+            padding: @line-height-computed/3;
+            background: @link-color;
+            background: fade(@link-color, 70%);
+            color: #fff;
+            text-shadow: 0 1px 0 #000;
+
+            opacity: 0;
+            .translate(0,-20px);
+            .transition;
+        }
+
+        &:hover figcaption {
+            opacity: 1;
+            .translate(0,0);
+        }
+    }
+
+    .page-single & {
+
+        padding-top: @line-height-computed*2;
+        padding-bottom: @line-height-computed*3;
+
+    	@media @breakpoint2 {
+            padding-top: @line-height-computed*4;
+            padding-bottom: @line-height-computed*6;
+    	}
+
+        figure img { max-height: none }
+
+        figcaption {
+            opacity: 1;
+            .translate(0,0);
+            top: auto;
+            bottom: 0;
+            background: #000;
+            background: fade(#000, 40%);
+        }
+    }
+}
+
+
+.photo-link {
+    display: block;
+}
+
+#exif {
+	font-size: @font-size-small;
+	color: #b9c3c9;
+	text-align: center;
+	margin-bottom: .5em;
+
+	span {
+		margin-right: 1em;
+	}
+}

_src/assets/less/content.less

@@ -1,6 +1,5 @@
 .page-title {
-    .h2;
+    &:extend(.h2, .heading-band);
-    .heading-band;
     color: @brand-grey-light;
     margin-top: @line-height-computed/2;
     margin-bottom: @line-height-computed/2;
@@ -19,7 +18,7 @@
 }
 
 .hentry {
-	.divider-bottom;
+    &:extend(.divider-bottom);
 	padding: @line-height-computed*2 0;
 
 	@media @breakpoint2 {
@@ -39,19 +38,18 @@
 
 // post title
 .entry-title {
-	.h1;
+    &:extend(.h1, .textcenter);
-	text-align: center;
 	color: @headings-color;
 	margin-top: 0;
 	margin-bottom: @line-height-computed;
 
-	.format-link & { .h3; }
+	.format-link & { &:extend(.h3); }
 }
 
 // post content
 .entry-content {
 	h1, h2 {
-		.heading-band;
+        &:extend(.heading-band);
 	}
     h1 { font-size: ceil(@font-size-base * 2.5) }
 
@@ -83,130 +81,11 @@
 	}
 }
 
-
-// LINK POST
-/////////////////////////////////////
-
-.hentry.format-link {
-    
-}
-
-.linkurl {
-    display: block;
-    font-family: @font-family-base;
-    font-size: @font-size-mini;
-    color: @text-color-dimmed;
-    padding: @line-height-computed/3 0;
-    margin-left: auto;
-    margin-right: auto;
-    .ellipsis;
-    
-    max-width: 70%;
-    @media @breakpoint2 {
-        max-width: 50%;
-    }
-}
-
-.permalink-link {
-	float: right;
-    font-size: 1.1em
-}
-
-// PHOTO POST
-/////////////////////////////////////
-
-.hentry.format-photo {
-	text-align: center;
-    
-    figure {
-        position: relative;
-        display: inline-block;
-        margin-left: auto;
-        margin-right: auto;
-            
-        img,
-        figcaption {
-            margin-bottom: 0;
-        }
-        
-        img { max-height: 540px }
-    
-        figcaption {
-            position: absolute;
-            left: 0;
-            top: 25%;
-            max-width: 55%;
-            min-width: 45%;
-            text-align: right;
-        	font-family: @headings-font-family;
-        	font-weight: @headings-font-weight;
-            font-style: normal;
-        	font-size: .9em;
-            padding: @line-height-computed/3;
-            background: @link-color;
-            background: fade(@link-color, 70%);
-            color: #fff;
-            text-shadow: 0 1px 0 #000;
-            
-            opacity: 0;
-            .translate(0,-20px);
-            .transition;
-        }
-        
-        &:hover figcaption {
-            opacity: 1;
-            .translate(0,0);
-        }
-    }
-    
-    .page-single & {
-        
-        padding-top: @line-height-computed*2;
-        padding-bottom: @line-height-computed*3;
-        
-    	@media @breakpoint2 {
-            padding-top: @line-height-computed*4;
-            padding-bottom: @line-height-computed*6;
-    	}
-        
-        figure img { max-height: none }
-        
-        figcaption {
-            opacity: 1;
-            .translate(0,0);
-            top: auto;
-            bottom: 0;
-            background: #000;
-            background: fade(#000, 40%);
-        }
-        
-        .entry-content,
-        .entry-meta,
-        .comments { .visuallyhidden; }
-    }
-}
-
-
-.photo-link {
-    display: block;
-}
-
-#exif {
-	font-size: @font-size-small;
-	color: #b9c3c9;
-	text-align: center;
-	margin-bottom: .5em;
-
-	span {
-		margin-right: 1em;
-	}
-}
-
 // POST META
 /////////////////////////////////////
 
 .entry-meta {
-    .clearfix;
+    &:extend(.clearfix all);
     margin-top: @line-height-computed*2;
     font-size: @font-size-small;
 }
@@ -214,7 +93,7 @@
 .byline,
 time,
 .categories {
-    text-align: center;
+    &:extend(.textcenter);
 }
 
 .byline,
@@ -245,49 +124,11 @@ time {
     border: 2px solid #fff;
 }
 
-
-//
-// Related posts
-//
-.related-title {
-    .h5;
-    color: @text-color-dimmed;
-    text-align: center;
-    margin-top: 0;
-    margin-bottom: @line-height-computed;
-}
-
-.related-posts {
-    &:hover .post-title {
-        color: @text-color;
-    }
-}
-    
-.related-post {
-    text-align: center;
-    
-    .post-title {
-        font-size: 1em;
-        color: @text-color-light;
-        line-height: @line-height-base;
-        margin-top: 0;
-        margin-bottom: @line-height-computed;
-        .transition;
-    }
-    
-    a { 
-        display: block;
-        
-        &:hover .post-title { color: @link-color-hover }
-    }
-}
-
-
 //
 // Goodies download
 //
 .goodie-actions {
-    .clearfix;
+    &:extend(.clearfix all);
     max-width: 640px;
     margin: 0 auto;
 
@@ -348,50 +189,3 @@ time {
         width: 50%;
     }
 }
-
-// TABLES
-/////////////////////////////////////
-
-table {
-	border-collapse: collapse; 
-	border-spacing: 0;
-	width: 100%;
-	max-width: 100%;
-	background-color: transparent;
-	border-collapse: collapse;
-	border-spacing: 0;
-	margin-bottom: 1.5em;
-	border-bottom: 1px solid #cfd9e1;
-}
-
-td { vertical-align: top; }
-
-th,
-td {
-	padding: .7em .3em;
-	text-align: left;
-	vertical-align: top;
-	border-top: 1px solid #cfd9e1;
-}
-
-th {
-	font-weight: bold;
-}
-
-thead th {
-	vertical-align: bottom;
-}
-
-table tbody + tbody {
-  border-top: 2px solid #cfd9e1;
-}
-
-table tbody tr:nth-child(odd) td,
-table tbody tr:nth-child(odd) th {
-  background-color: rgba(255,255,255,.2);
-}
-
-table tbody tr:hover td,
-table tbody tr:hover th {
-  background-color: #f5f5f5;
-}

_src/assets/less/kremalicious3.less

@@ -47,6 +47,8 @@
 // Content
 @import 'tables.less';
 @import 'content.less';
+@import 'content-photo.less';
+@import 'content-link.less';
 @import 'comments.less';
 @import 'sticky.less';
 

_src/assets/less/mixins.less

@@ -5,7 +5,7 @@
 
 // Dimmed Text
 /////////////////////////////////////
-.dimmed() {
+.dimmed {
 	color: @text-color-dimmed;
 	p { color: @text-color-dimmed; }
 	li { color: @text-color-dimmed; }
@@ -14,7 +14,7 @@
 // Text overflow
 /////////////////////////////////////
 
-.ellipsis() {
+.ellipsis {
     text-overflow: ellipsis;
     white-space: nowrap;
 	overflow: hidden
@@ -65,7 +65,7 @@
 // Heading band
 /////////////////////////////////////
 
-.heading-band() {
+.heading-band {
 	display: inline-block;
 	clear: both;
 	background: rgba(255,255,255,.55);

_src/assets/less/typography.less

@@ -214,7 +214,7 @@ ol ul {
 }
 
 nav ul, nav ol {
-	.list-unstyled;
+    &:extend(.list-unstyled);
 }