Moved out dependency on to element.less, removed redundant padding for div in @content mixin

README.md

@@ -16,6 +16,7 @@ Run the following command in Terminal to install Gulp for LESS preprocessing.
 npm install
 ```
 
+
 ### 2) Run Gulp
 
 Run gulp to make sure all CSS and JavaScript files are the latest versions.

assets/css/style.css

@@ -721,7 +721,6 @@ a.btn.btn-mini:hover {
 }
 .post-content p,
 .post-content div {
-  padding: 12.5px 0;
   margin: 0;
 }
 .post-content p.gist,
@@ -970,7 +969,6 @@ div.posts div.item .post-content b {
 }
 div.posts div.item .post-content p,
 div.posts div.item .post-content div {
-  padding: 12.5px 0;
   margin: 0;
 }
 div.posts div.item .post-content p.gist,

assets/js/expanse.js

@@ -5,7 +5,7 @@ $(document).ready(function(){
   var $header = $('header');
   var $bg = $('.bg');
   var $spinner = $('.spinner');
-  var $bio = $('.bio');  
+  var $bio = $('.bio');
   var $avatar = $('.user-avatar');
   var $hover = $('.user-avatar-hover');
   var isHome = (!$('body').hasClass('short-header'))? true : false;  
@@ -29,22 +29,23 @@ $(document).ready(function(){
   });
 
   // show box on hover
-  $avatar.hoverIntent(function(){
+  $avatar.hover(function(){
     console.log('hovering on avatar');
     $bio.addClass('doHover');
   }, function(){
     $bio.removeClass('doHover');
   });
-  
+
   // keep showing box if hover on box
-  $hover.hoverIntent(function(){
-    if(!$bio.hasClass('doHover'))
-      $bio.addClass('doHover');
+  $hover.hover(function(){
+      if(!$bio.hasClass('doHover'))
+          $bio.addClass('doHover');
   }, function(){
-    if($bio.hasClass('doHover'))
-      $bio.removeClass('doHover');
+      if($bio.hasClass('doHover'))
+          $bio.removeClass('doHover');
+
   });
-  
+
   // fade out $bg on scroll down
   var blurHeight = $header.height();
   var scrollFlag = false;

assets/less/elements.less

@@ -0,0 +1,321 @@
+/*---------------------------------------------------
+    LESS Elements 0.9.1
+  ---------------------------------------------------
+    A set of useful LESS mixins
+    More info at: http://lesselements.com
+    MODIFIED BY: Brandon Brown
+  ---------------------------------------------------*/
+
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
+  background: @color;
+  background: -webkit-gradient(linear,
+  left bottom,
+  left top,
+  color-stop(0, @start),
+  color-stop(1, @stop));
+  background: -ms-linear-gradient(bottom,
+  @start,
+  @stop);
+  background: -moz-linear-gradient(center bottom,
+  @start 0%,
+  @stop 100%);
+  background: -o-linear-gradient(@stop,
+  @start);
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
+}
+
+.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
+  background: @color;
+  background: -webkit-gradient(linear,
+  left bottom,
+  left top,
+  color-stop(0, rgb(@start,@start,@start)),
+  color-stop(1, rgb(@stop,@stop,@stop)));
+  background: -ms-linear-gradient(bottom,
+  rgb(@start,@start,@start) 0%,
+  rgb(@stop,@stop,@stop) 100%);
+  background: -moz-linear-gradient(center bottom,
+  rgb(@start,@start,@start) 0%,
+  rgb(@stop,@stop,@stop) 100%);
+  background: -o-linear-gradient(rgb(@stop,@stop,@stop),
+  rgb(@start,@start,@start));
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
+}
+
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
+  border-top: solid .0625rem @top-color;
+  border-left: solid .0625rem @left-color;
+  border-right: solid .0625rem @right-color;
+  border-bottom: solid .0625rem @bottom-color;
+}
+
+.drop-shadow(@x-axis: 0, @y-axis: .0625rem, @blur: .125rem, @alpha: 0.1) {
+  -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+}
+
+.rounded(@radius: .125rem) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+}
+
+.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
+  -webkit-border-top-right-radius: @topright;
+  -webkit-border-bottom-right-radius: @bottomright;
+  -webkit-border-bottom-left-radius: @bottomleft;
+  -webkit-border-top-left-radius: @topleft;
+  -moz-border-radius-topright: @topright;
+  -moz-border-radius-bottomright: @bottomright;
+  -moz-border-radius-bottomleft: @bottomleft;
+  -moz-border-radius-topleft: @topleft;
+  border-top-right-radius: @topright;
+  border-bottom-right-radius: @bottomright;
+  border-bottom-left-radius: @bottomleft;
+  border-top-left-radius: @topleft;
+  .background-clip(padding-box);
+}
+
+.opacity(@opacity: 0.5) {
+  -moz-opacity: @opacity;
+  -khtml-opacity: @opacity;
+  -webkit-opacity: @opacity;
+  opacity: @opacity;
+  @opperc: @opacity * 100;
+  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
+  filter: ~"alpha(opacity=@{opperc})";
+}
+
+.transition-duration(@duration: 0.2s) {
+  -moz-transition-duration: @duration;
+  -webkit-transition-duration: @duration;
+  -o-transition-duration: @duration;
+  transition-duration: @duration;
+}
+
+.transform(...) {
+  -webkit-transform: @arguments;
+  -moz-transform: @arguments;
+  -o-transform: @arguments;
+  -ms-transform: @arguments;
+  transform: @arguments;
+}
+
+.rotation(@deg:5deg){
+  .transform(rotate(@deg));
+}
+
+.scale(@ratio:1.5){
+  .transform(scale(@ratio));
+}
+
+.transition(@args) {
+  -webkit-transition: @args;
+  -moz-transition: @args;
+  -o-transition: @args;
+  transition: @args;
+}
+
+.inner-shadow(@horizontal:0, @vertical:.0625rem, @blur:.125rem, @alpha: 0.4) {
+  -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+  box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+}
+
+.box-shadow(@arguments) {
+  -webkit-box-shadow: @arguments;
+  -moz-box-shadow: @arguments;
+  box-shadow: @arguments;
+}
+
+.box-sizing(@sizing: border-box) {
+  -ms-box-sizing: @sizing;
+  -moz-box-sizing: @sizing;
+  -webkit-box-sizing: @sizing;
+  box-sizing: @sizing;
+}
+
+.user-select(@argument: none) {
+  -webkit-user-select: @argument;
+  -moz-user-select: @argument;
+  -ms-user-select: @argument;
+  user-select: @argument;
+}
+
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: .0625rem) {
+  -moz-column-width: @colwidth;
+  -moz-column-count: @colcount;
+  -moz-column-gap: @colgap;
+  -moz-column-rule-color: @columnRuleColor;
+  -moz-column-rule-style: @columnRuleStyle;
+  -moz-column-rule-width: @columnRuleWidth;
+  -webkit-column-width: @colwidth;
+  -webkit-column-count: @colcount;
+  -webkit-column-gap: @colgap;
+  -webkit-column-rule-color: @columnRuleColor;
+  -webkit-column-rule-style: @columnRuleStyle;
+  -webkit-column-rule-width: @columnRuleWidth;
+  column-width: @colwidth;
+  column-count: @colcount;
+  column-gap: @colgap;
+  column-rule-color: @columnRuleColor;
+  column-rule-style: @columnRuleStyle;
+  column-rule-width: @columnRuleWidth;
+}
+
+.translate(@x:0, @y:0) {
+  .transform(translate(@x, @y));
+}
+
+.background-clip(@argument: padding-box) {
+  -moz-background-clip: @argument;
+  -webkit-background-clip: @argument;
+  background-clip: @argument;
+}
+.clearfix() {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+* html .clearfix             { zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
+.background-size(@size) {
+  -webkit-background-size: @size;
+  -moz-background-size: @size;
+  -o-background-size: @size;
+  background-size: @size;
+}
+.animation(@name, @length, @count, @easing) {
+  -webkit-animation: @name @length @count @easing;
+  -moz-animation: @name @length @count @easing;
+  -o-animation: @name @length @count @easing;
+  animation: @name @length @count @easing;
+}
+
+/* used for styling post content in themes */
+.content(@padding) {
+  @pad: @padding/4;
+  display: block;
+
+  ul,
+  ol,
+  li,
+  blockquote,
+  p,
+  div,
+  b,
+  i {
+    text-align: left;
+
+    strong {
+      font-weight: bold;
+    }
+  }
+
+  b {
+    font-weight: bold;
+  }
+
+  p,
+  div {
+    margin: 0;
+
+    &.gist {
+      padding: 0;
+      margin: 0;
+
+      .gist-file,
+      .gist-data,
+      .gist-syntax,
+      .file-data,
+      .line {
+        padding: 0;
+        margin: 0;
+      }
+    }
+  }
+
+  table {
+    margin: 0;
+    padding: 0;
+  }
+
+  blockquote {
+    padding: @pad (@pad*2);
+    margin: @pad 0;
+    border-left: 5px solid #e5e5e5;
+  }
+
+  ul {
+    padding: @pad 0 (@pad*1.5);
+    margin-left: 50px;
+
+    li {
+      padding: 0;
+      margin: 0;
+      list-style-type: square;
+    }
+  }
+
+  ol {
+    padding: @pad 0 (@pad*1.5);
+    margin-left: 30px;
+
+    li {
+      padding: 0;
+      margin: 0;
+      list-style-type: decimal;
+    }
+  }
+
+  h1 {
+    padding-bottom: (@pad*2);
+  }
+
+  h2, h3 {
+    padding-top: @pad*2;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  .mejs-container {
+    margin-top: @pad;
+  }
+
+  .post-pdf {
+    position: relative;
+    .pdf-fullscreen {
+      position: absolute;
+      bottom: 30px;
+      left: 30px;
+      color: #000;
+      font-size: 12px;
+      padding: 10px;
+      background-color: #1abc9c;
+      border-radius: 7px;
+      .opacity(0.3);
+      .transition(all 0.1s ease-in);
+      -webkit-appearance: none;
+      cursor: pointer;
+      border: 0;
+      &:hover {
+        color: #fff;
+        .opacity(1);
+      }
+    }
+    object {
+      display: block;
+      min-height: 400px
+    }
+  }
+
+}

assets/less/expanse.less

@@ -1,4 +1,4 @@
-@import url(http://postach.io/static/themes/_assets/less/elements.less);
+@import "elements";
 
 @black: #636363;
 @white: #ffffff;