Initial commit

assets/less/elements.less

@@ -0,0 +1,79 @@
+hr { 
+    display: block; 
+    margin: 1em 0; 
+    padding: 0;
+    height: 1px; 
+    border: 0; 
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #fff; 
+}
+/* Figures and images ==================================== */
+article img {
+  max-width: 100%;
+  height: auto;
+  border-width: 0; 
+  vertical-align: middle; 
+  -ms-interpolation-mode: bicubic; 
+}
+svg:not(:root) {
+    overflow: hidden; 
+}
+.half {
+  .container();
+  .clearfix();
+  img {
+    .grid(12,6);
+  }
+  figcaption {
+    .grid(12,12);
+  }
+}
+.third {
+  .container();
+  .clearfix();
+  img {
+    .grid(12,4);
+  }
+  figcaption {
+    .grid(12,12);
+  }
+}
+/* Buttons =============================================== */
+.btn {
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+  *zoom: 1;
+  padding: 12px;
+  margin-bottom: 2em;
+  line-height: 1;
+  text-align: center;
+  text-transform: uppercase;
+  vertical-align: middle;
+  border: 4px double @textcolor;
+  cursor: pointer;
+  *margin-left: .3em;
+  .transition(.4s linear); 
+  &:visited {
+    border: 4px double @linkcolorvisited;
+  }
+  &:hover {
+    border: 4px double @linkcolorhover;
+  }
+}
+.btn:first-child {
+  *margin-left: 0; 
+}
+.btn-inverse {
+  border: 4px double @white;
+  color: @white;
+  background-color: @black;
+  &:visited {
+    color: @white;
+    border-color: @white;
+  }
+  &:hover {
+    color: @white;
+    border-color: @white;
+  }
+}