maglove 0.3.0

data/data/maglove/scaffold/base/less/base/forms.less

@@ -0,0 +1,115 @@
+// ==========================================================================
+// Base – Forms
+// ==========================================================================
+
+// Form, Fieldset and Legend
+fieldset,
+legend {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+legend {
+  .font-size(@base-font-size + 2);
+  .line-height(@base-line-height + 2);
+  font-weight: @font-bold;
+}
+.form {
+  padding-top: 1em;
+  padding-bottom: 1em;
+}
+
+// All Form Elements
+label,
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+
+// Inputs
+input { line-height: normal; }
+.input { width: 100%; }
+input[type="text"],
+input[type="email"],
+input[type="tel"] {
+  height: 36px;
+  padding: 0 .4em;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+// Text Area
+textarea { overflow: auto; }
+
+// Select Boxes
+select { text-transform: none; }
+optgroup { font-weight: @font-bold; }
+
+// Buttons
+button {
+  overflow: visible;
+  text-transform: none;
+}
+button, html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button[disabled], html input[disabled] { cursor: default; }
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+.select {
+  border: 1px solid #ccc;
+  overflow: hidden;
+  height: 36px;
+  line-height: 32px;
+  padding: 0 .4em;
+  position: relative;
+  display: block;
+  &:before {
+    content: "";
+    border: 6px solid transparent;
+    border-top-color: #676767;
+    top: 50%;
+    right: 10px;
+    margin-top: -3px;
+    pointer-events: none;
+    position: absolute;
+  }
+  select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 120%;
+    height: 36px;
+    padding: 0;
+    line-height: normal;
+    border: 0;
+    background: transparent;
+    display: block;
+    &:focus { outline: 0; }
+  }
+}

data/data/maglove/scaffold/base/less/base/global.less

@@ -0,0 +1,142 @@
+// ==========================================================================
+// Base – Global
+// ==========================================================================
+
+
+
+// Body
+body {
+  font-family: @base-font-family;
+  .font-size(@base-font-size);
+  .line-height(@base-line-height);
+  color: @base-font-color;
+  font-weight: @base-font-weight;
+  background: @base-background-color;
+}
+
+// Paragraph
+p, div.paragraph { margin: 0 0 1em 0; }
+
+// Links
+a {
+  color: @base-link-color;
+  background: transparent;
+  text-decoration: underline;
+  &:active,
+  &:hover {
+    outline: 0;
+    text-decoration: none;
+  }
+}
+
+// Headings
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
+  font-family: @heading-font-family;
+  margin: 0;
+}
+h1, .h1 {
+  .font-size(@h1-font-size);
+  .line-height(@h1-line-height);
+  margin-top: .7em;
+  margin-bottom: .5em;
+  color: @h1-color;
+  font-weight: @h1-font-weight;
+}
+h2, .h2 {
+  .font-size(@h2-font-size);
+  .line-height(@h2-line-height);
+  margin-top: 1.4em;
+  margin-bottom: .2em;
+  color: @h2-color;
+  font-weight: @h2-font-weight;
+}
+h3, .h3 {
+  .font-size(@h3-font-size);
+  .line-height(@h3-line-height);
+  margin-top: 1em;
+  margin-bottom: .2em;
+  color: @h3-color;
+  font-weight: @h3-font-weight;
+}
+h4, .h4 {
+  .font-size(@h4-font-size);
+  .line-height(@h4-line-height);
+  margin-top: 1em;
+  margin-bottom: .2em;
+  color: @h4-color;
+  font-weight: @h4-font-weight;
+}
+h5, .h5 {
+  .font-size(@h5-font-size);
+  .line-height(@h5-line-height);
+  margin-top: 1em;
+  margin-bottom: .1em;
+  color: @h5-color;
+  font-weight: @h5-font-weight;
+}
+h6, .h6 {
+  .font-size(@h6-font-size);
+  .line-height(@h6-line-height);
+  margin-top: 1em;
+  margin-bottom: .1em;
+  color: @h6-color;
+  font-weight: @h6-font-weight;
+}
+
+// Bold and Italics
+b,
+strong,
+.strong {
+  font-weight: @font-bold;
+}
+em,
+.em {
+  font-style: italic;
+}
+
+// Abbreviation
+abbr[title], .abbr[title] { border-bottom: 1px dotted; }
+
+// Definition
+dfn { font-style: italic; }
+
+// Small
+small, .small { font-size: 80%; }
+
+// Mark
+mark,
+.mark {
+  background: #ff0;
+  color: #000;
+}
+
+// Sub and Sup
+sub,
+.sub,
+sup,
+.sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup, .sup { top: -0.5em; }
+sub, .sub { bottom: -0.25em; }
+
+// Del
+del, .del { text-decoration: line-through; }
+
+// Images
+figure { margin: 1em 40px; }
+
+// Horizontal Rules
+hr,
+.hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 1px;
+  background: #eee;
+  border: 0;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}

data/data/maglove/scaffold/base/less/base/grid-minimal.less

@@ -0,0 +1,146 @@
+// ==========================================================================
+// Base – Mobile-First Minimal Grid
+// ==========================================================================
+
+// Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
+.clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; }
+.row:before, .row:after { content: ""; display: table; } .row:after { clear: both; }
+
+.row {
+  position: relative;
+  margin-left: -15px;
+  margin-right: -15px;
+}
+
+// Mobile Container
+.container {
+  padding-left: 15px;
+  padding-right: 15px;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container-full {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+// Tablet Container
+@media only screen and (min-width: @tablet-breakpoint) {
+  .container, .container-full {
+    width: @tablet-container;
+  }
+  .tablet-container {
+    width: @tablet-container;
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .tablet-container-full {
+    width: @tablet-container;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+// Desktop Container
+@media only screen and (min-width: @desktop-breakpoint) {
+  .container, .container-full {
+    width: @desktop-container;
+  }
+  .desktop-container {
+    width: @desktop-container;
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .desktop-container-full {
+    width: @desktop-container;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+// HD Container
+@media only screen and (min-width: @hd-breakpoint) {
+  .container, .container-full {
+    width: @hd-container;
+  }
+  .hd-container {
+    width: @hd-container;
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .hd-container-full {
+    width: @hd-container;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+// Mobile-first Grid Columns - Global Rules
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-4, .col-1-3, .col-1-2 {
+  padding-left: 15px;
+  padding-right: 15px;
+  position: relative;
+  float: left;
+}
+
+// Grid
+.generate-grid (12);
+.generate-grid (@index) when (@index > 0) {
+  .generate-grid (@index - 1);
+  .col-@{index} {
+    width: @index / 12 * 100%;
+  }
+}
+.col-1-4 { width: 3 / 12 * 100%; }
+.col-1-3 { width: 4 / 12 * 100%; }
+.col-1-2 { width: 6 / 12 * 100%; }
+
+// Mobile Helpers
+.hide-mobile { display: none; }
+.show-mobile { display: block; }
+.show-mobile-inline-block { display: inline-block; }
+.show-mobile-inline { display: inline; }
+
+// Tablet Grid
+@media only screen and (min-width: @tablet-breakpoint) {
+
+  // Tablet Helpers
+  .hide-tablet { display: none; }
+  .show-tablet { display: block; }
+  .show-tablet-inline-block { display: inline-block; }
+  .show-tablet-inline { display: inline; }
+  .tablet-no-padding { padding: 0; }
+}
+
+// Desktop Grid
+@media only screen and (min-width: @desktop-breakpoint) {
+  
+  // Desktop Helpers
+  .hide-desktop { display: none; }
+  .show-desktop { display: block; }
+  .show-desktop-inline-block { display: inline-block; }
+  .show-desktop-inline { display: inline; }
+  .desktop-no-padding { padding: 0; }
+}
+
+// HD Grid
+@media only screen and (min-width: @hd-breakpoint) {
+
+  // HD Helpers
+  .hide-hd { display: none; }
+  .show-hd { display: block; }
+  .show-hd-inline-block { display: inline-block; }
+  .show-hd-inline { display: inline; }
+  .hd-no-padding { padding: 0; }
+}

data/data/maglove/scaffold/base/less/base/grid-non-responsive.less

@@ -0,0 +1,63 @@
+// ==========================================================================
+// Base – Non-Responsive Grid
+// ==========================================================================
+
+// Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
+.clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; }
+.row:before, .row:after { content: ""; display: table; } .row:after { clear: both; }
+
+.row {
+  position: relative;
+  margin-left: -15px;
+  margin-right: -15px;
+}
+
+// Mobile Container
+.container {
+  padding-left: 15px;
+  padding-right: 15px;
+  margin-left: auto;
+  margin-right: auto;
+  width: @desktop-container;
+}
+.container-full {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Grid Columns - Global Rules
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
+  padding-left: 15px;
+  padding-right: 15px;
+  position: relative;
+  float: left;
+}
+
+// Grid
+.generate-grid (12);
+.generate-grid (@index) when (@index > 0) {
+  .generate-grid (@index - 1);
+  .col-@{index} {
+    width: @index / 12 * 100%;
+  }
+}
+
+// Push Offsets
+.generate-push-offsets (11);
+.generate-push-offsets (@index) when (@index > 0) {
+  .generate-push-offsets (@index - 1);
+  .push-@{index} {
+    left: @index / 12 * 100%;
+  }
+}
+
+// Pull Offsets
+.generate-pull-offsets (11);
+.generate-pull-offsets (@index) when (@index > 0) {
+  .generate-pull-offsets (@index - 1);
+  .pull-@{index} {
+    left: -@index / 12 * 100%;
+  }
+}