maglove 0.3.0

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

@@ -0,0 +1,267 @@
+// ==========================================================================
+// Base – Mobile-First 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: -10px;
+  margin-right: -10px;
+}
+
+// Mobile Container
+.container {
+  padding-left: 10px;
+  padding-right: 10px;
+  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: 10px;
+    padding-right: 10px;
+    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: 10px;
+    padding-right: 10px;
+    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: 10px;
+    padding-right: 10px;
+    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 {
+  padding-left: 10px;
+  padding-right: 10px;
+  position: relative;
+  float: left;
+}
+
+// Mobile-first Grid
+.generate-grid (12);
+.generate-grid (@index) when (@index > 0) {
+  .generate-grid (@index - 1);
+  .col-@{index} {
+    width: @index / 12 * 100%;
+  }
+}
+
+// Mobile Push Offsets
+.generate-push-offsets (11);
+.generate-push-offsets (@index) when (@index > 0) {
+  .generate-push-offsets (@index - 1);
+  .push-@{index} {
+    left: @index / 12 * 100%;
+  }
+}
+
+// Mobile Pull Offsets
+.generate-pull-offsets (11);
+.generate-pull-offsets (@index) when (@index > 0) {
+  .generate-pull-offsets (@index - 1);
+  .pull-@{index} {
+    left: -@index / 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 Grid Columns - Global Rules
+  .col-tablet-1, .col-tablet-2, .col-tablet-3, .col-tablet-4, .col-tablet-5, .col-tablet-6, .col-tablet-7, .col-tablet-8, .col-tablet-9, .col-tablet-10, .col-tablet-11, .col-tablet-12 {
+    padding-left: 10px;
+    padding-right: 10px;
+    position: relative;
+    float: left;
+  }
+
+  // Tablet Grid
+  .generate-tablet-grid (12);
+  .generate-tablet-grid (@index) when (@index > 0) {
+    .generate-tablet-grid (@index - 1);
+    .col-tablet-@{index} {
+      width: @index / 12 * 100%;
+    }
+  }
+
+  // Tablet Push Offsets
+  .generate-tablet-push-offsets (11);
+  .generate-tablet-push-offsets (@index) when (@index > 0) {
+    .generate-tablet-push-offsets (@index - 1);
+    .push-tablet-@{index} {
+      left: @index / 12 * 100%;
+    }
+  }
+
+  // Tablet Pull Offsets
+  .generate-tablet-pull-offsets (11);
+  .generate-tablet-pull-offsets (@index) when (@index > 0) {
+    .generate-tablet-pull-offsets (@index - 1);
+    .pull-tablet-@{index} {
+      left: -@index / 12 * 100%;
+    }
+  }
+
+  // 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; }
+  .tablet-no-push, .tablet-no-pull { left: 0; }
+}
+
+// Desktop Grid
+@media only screen and (min-width: @desktop-breakpoint) {
+  
+  // Desktop Grid Columns - Global Rules
+  .col-desktop-1, .col-desktop-2, .col-desktop-3, .col-desktop-4, .col-desktop-5, .col-desktop-6, .col-desktop-7, .col-desktop-8, .col-desktop-9, .col-desktop-10, .col-desktop-11, .col-desktop-12 {   padding-left: 10px;
+    padding-right: 10px;
+    position: relative;
+    float: left;
+  }
+
+  // Desktop Grid
+  .generate-desktop-grid (12);
+  .generate-desktop-grid (@index) when (@index > 0) {
+    .generate-desktop-grid (@index - 1);
+    .col-desktop-@{index} {
+      width: @index / 12 * 100%;
+    }
+  }
+
+  // Desktop Push Offsets
+  .generate-desktop-push-offsets (11);
+  .generate-desktop-push-offsets (@index) when (@index > 0) {
+    .generate-desktop-push-offsets (@index - 1);
+    .push-desktop-@{index} {
+      left: @index / 12 * 100%;
+    }
+  }
+
+  // Desktop Pull Offsets
+  .generate-desktop-pull-offsets (11);
+  .generate-desktop-pull-offsets (@index) when (@index > 0) {
+    .generate-desktop-pull-offsets (@index - 1);
+    .pull-desktop-@{index} {
+      left: -@index / 12 * 100%;
+    }
+  }
+
+  // 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; }
+  .desktop-no-push, .desktop-no-pull { left: 0; }
+}
+
+// HD Grid
+@media only screen and (min-width: @hd-breakpoint) {
+  
+  // HD Grid Columns - Global Rules
+  .col-hd-1, .col-hd-2, .col-hd-3, .col-hd-4, .col-hd-5, .col-hd-6, .col-hd-7, .col-hd-8, .col-hd-9, .col-hd-10, .col-hd-11, .col-hd-12 {   padding-left: 10px;
+    padding-right: 10px;
+    position: relative;
+    float: left;
+  }
+
+  // HD Grid
+  .generate-hd-grid (12);
+  .generate-hd-grid (@index) when (@index > 0) {
+    .generate-hd-grid (@index - 1);
+    .col-hd-@{index} {
+      width: @index / 12 * 100%;
+    }
+  }
+
+  // HD Push Offsets
+  .generate-hd-push-offsets (11);
+  .generate-hd-push-offsets (@index) when (@index > 0) {
+    .generate-hd-push-offsets (@index - 1);
+    .push-hd-@{index} {
+      left: @index / 12 * 100%;
+    }
+  }
+
+  // HD Pull Offsets
+  .generate-hd-pull-offsets (11);
+  .generate-hd-pull-offsets (@index) when (@index > 0) {
+    .generate-hd-pull-offsets (@index - 1);
+    .pull-hd-@{index} {
+      left: -@index / 12 * 100%;
+    }
+  }
+
+  // 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; }
+  .hd-no-push, .hd-no-pull { left: 0; }
+}

data/data/maglove/scaffold/base/less/base/helpers.less

@@ -0,0 +1,146 @@
+// ==========================================================================
+// Base – Helpers
+// ==========================================================================
+
+// General Resets
+.no-margin { margin: 0; }
+.no-padding { padding: 0; }
+.no-float { float: none; }
+.no-background { background: transparent; }
+.no-border { border: 0; }
+
+// Font Weights
+.font-thin { font-weight: @font-thin; }
+.font-light { font-weight: @font-light; }
+.font-regular { font-weight: @font-regular; }
+.font-medium { font-weight: @font-medium; }
+.font-semi-bold { font-weight: @font-semi-bold; }
+.font-bold { font-weight: @font-bold; }
+.font-extra-bold { font-weight: @font-extra-bold; }
+.font-ultra-bold { font-weight: @font-ultra-bold; }
+
+// Font Styles
+.font-normal { font-style: normal; }
+.font-italic { font-style: italic; }
+
+// Text Modifications
+.uppercase { text-transform: uppercase; }
+.lowercase { text-transform: lowercase; }
+.capitalize { text-transform: capitalize; }
+
+// Text Alignments
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-center { text-align: center; }
+.text-justify { text-align: justify; }
+
+// Positions
+.relative { position: relative; }
+.absolute { position: absolute; }
+.static { position: static; }
+
+// Display Types
+.block { display: block; }
+.inline-block { display: inline-block; }
+.inline { display: inline; }
+.none { display: none; }
+
+// Floats
+.left { float: left; }
+.right { float: right; }
+
+// Alignments
+.center-element {
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Hide only visually, but have it available for screenreaders: : h5bp.com/v
+.sr {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+// Lists
+.list-unstyled {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  li {
+    margin: 0;
+    padding: 0;
+  }
+}
+.list-inline {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  li {
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+  }
+}
+
+// Image Positions
+.img-left {
+  float: left;
+  margin-right: 20px;
+}
+.img-right {
+  float: right;
+  margin-left: 20px;
+}
+
+// Grouped Fields
+.field-group {
+  padding-top: .5em;
+  padding-bottom: .5em;
+  overflow: hidden;
+  label {
+    padding-top: 8px;
+  }
+}
+.field { width: 100%; }
+
+// Disable Element
+.disabled {
+  pointer-events: none;
+  opacity: .5;
+}
+
+// Checkbox and Radio
+.checkbox,
+.radio {
+  display: inline-block;
+  position: relative;
+  margin-top: .5em;
+  margin-bottom: .5em;
+  label {
+    padding-left: 20px;
+    padding-top: 0;
+    display: inline-block;
+  }
+  input[type="checkbox"],
+  input[type="radio"] {
+    position: absolute;
+    top: 4px;
+    left: 0;
+  }
+}
+
+// Animations
+.animate {
+  .animate(1s);
+}
+.animate-infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}

data/data/maglove/scaffold/base/less/base/images.less

@@ -0,0 +1,8 @@
+// ==========================================================================
+// Base – Images
+// ==========================================================================
+
+// Custom Buttons
+img.img-responsive {
+  width: 100%;
+}

data/data/maglove/scaffold/base/less/base/lists.less

@@ -0,0 +1,23 @@
+// ==========================================================================
+// Base – Lists
+// ==========================================================================
+ul, ol {
+  margin: 1em 0 2em 0;
+  padding: 0 0 0 40px;
+  li {
+    margin-bottom: 5px;
+  }
+}
+dl {
+  &:before, &:after { content: " "; display: table; } &:after { clear: both; }
+  dt {
+    float: left;
+    width: 25%;
+    display: block;
+    font-weight: @font-regular;
+  }
+  dd {
+    overflow: hidden;
+    display: block;
+  }
+}

data/data/maglove/scaffold/base/less/base/mixins.less

@@ -0,0 +1,107 @@
+// ==========================================================================
+// Base – Mixins
+// ==========================================================================
+// Font sizes (primary sizing in `rem` units with a fallback of `px`)
+// Example usage .font-size(18);
+.font-size (@size) {
+  @remValue: @size / 16;
+  @pxValue: (@size);
+  font-size: ~"@{pxValue}px"; 
+  font-size: ~"@{remValue}rem";
+}
+
+// Line height sizes (primary sizing in `rem` units with a fallback of `px`)
+// Example usage .line-height(22);
+.line-height (@size) {
+  @remValue: @size / 16;
+  @pxValue: (@size);
+  line-height: ~"@{pxValue}px"; 
+  line-height: ~"@{remValue}rem";
+}
+
+// Border Radius
+// Example usage .border-radius(2px) || .border-radius(100%);
+.border-radius(@radius) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+}
+
+// Rotate (Transformation)
+// Example usage .rotate(180) || .rotate(-45);
+.rotate(@rotate) {
+  -ms-transform: rotate(~"@{rotate}deg");
+  -webkit-transform: rotate(~"@{rotate}deg");
+  transform: rotate(~"@{rotate}deg");
+}
+
+// SVG background with PNG fallback
+// Example Usage .svg-bg("img/banner.svg", "img/banner.png", 50%, 50%, no-repeat);
+.bg-svg(@svg, @png, @x: 0, @y: 0, @repeat: no-repeat) {
+  background: url(@svg) @x @y @repeat;
+  .no-svg & {
+    background: url(@png) @x @y @repeat;
+  }
+}
+
+// Background Color with Opacity
+// Example Usage: .bg-rgba(#111, 50%);
+.bg-rgba(@color,@alpha) {
+  @rgba: rgba(red(@color), green(@color), blue(@color), @alpha);
+  @argb: argb(@rgba);
+  background-color: @color;
+  background-color: @rgba;
+  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
+  -ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
+}
+
+// Opacity
+// Example Usage: .opacity(50%);
+.opacity (@percentOpacity: 50%) {
+  @opacity: unit(@percentOpacity) / 100;
+  -webkit-opacity: @opacity;
+  -moz-opacity: @opacity;
+  opacity: @opacity;
+}
+
+// Animations
+// Example Usage .animation(1s);
+.animate(@duration: 1s) {
+  -webkit-animation-duration: @duration;
+  animation-duration: @duration;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+
+// Animation Delay
+// Example Usage .animation-delay(1s)
+.animate-delay(@delay: 1s) {
+  -webkit-animation-delay: @delay;
+  animation-delay: @delay;
+}
+
+// CSS Transitions
+// Example Usage .transition(0.3s)
+.transition(@speed: 0.3s) {
+  -webkit-transition: all @speed;
+   -moz-transition: all @speed;
+   transition: all @speed;
+}
+
+// Transition Delay
+// Example usage .transition-delay(.3s)
+.transition-delay(@speed: 0.3s) {
+  -webkit-transition-delay: @speed;
+  -moz-transition-delay: @speed;
+  transition-delay: @speed;
+}
+
+// SVG Fill - http://zslabs.com/articles/svg-background-fill/#update-2
+// Example usage: .svg-fill("img/icon.svg", "#555");
+.svg-fill(@src, @fill) {
+  @data-uri: data-uri('image/svg+xml;charset=UTF-8', "@{src}");
+  @replace-src: replace("@{data-uri}", "fill\%3D\%22\%23[\w]{3,6}\%22", escape('fill="@{fill}"'), "g");
+  background-image:e(@replace-src);
+}
+
+// Not enough mixins? – Please make some suggestions or contribute more! :)

data/data/maglove/scaffold/base/less/base/print.less

@@ -0,0 +1,35 @@
+// All Elements
+*,
+*:before,
+*:after {
+  background: transparent;
+  color: #000;
+  box-shadow: none;
+  text-shadow: none;
+}
+
+// Links
+a, a:visited { text-decoration: underline; }
+a[href]:after { content: " (" attr(href) ")"; }
+a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
+
+// Code and Blockquotes
+pre, blockquote { page-break-inside: avoid; }
+
+// Tables
+thead { display: table-header-group; }
+tr { page-break-inside: avoid; }
+
+// Images
+img { page-break-inside: avoid; max-width: 100%;}
+
+// Typography
+p, div.paragraph, h2, h3 { orphans: 3; widows: 3; }
+h2, h3 { page-break-after: avoid; }
+abbr[title]:after { content: " (" attr(title) ")"; }
+
+// Display Types
+.hide-print { display: none; }
+.show-print { display: block; }
+.show-print-inline-block { display: inline-block; }
+.show-print-inline { display: inline; }

data/data/maglove/scaffold/base/less/base/resets.less

@@ -0,0 +1,27 @@
+// ==========================================================================
+// Base – Global Resets
+// ==========================================================================
+
+// Border Box
+*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
+
+// HTML Font / Text Size Resets
+html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
+html, button, input, select, textarea { font-family: sans-serif; }
+
+// HTML5 Elements
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
+
+// Remove Default Margins
+body, form, fieldset, legend, input, select, textarea, button { margin: 0; }
+
+// Audio and Video Elements
+audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
+audio:not([controls]) { display: none; height: 0; }
+
+// Hidden Elements
+[hidden], template { display: none; }
+
+// Images
+img { border: 0; }
+svg:not(:root) { overflow: hidden; }

data/data/maglove/scaffold/base/less/base/tables.less

@@ -0,0 +1,29 @@
+// ==========================================================================
+// Base – Tables
+// ==========================================================================
+caption {
+  .font-size(@base-font-size + 2);
+  line-height: normal;
+  font-weight: @font-bold;
+  text-align: left;
+  padding: .5em 0;
+  border-bottom: 1px solid #d7d7d7;
+}
+table {
+  .font-size(@base-font-size - 2);
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  margin: 1em 0;
+  text-align: left;
+  thead,
+  tbody,
+  tfoot {
+    td,
+    th {
+      color: #585858;
+      padding: .8em .5em;
+      border-bottom: 1px solid #e9e9e9;
+    }
+  }
+}

data/data/maglove/scaffold/base/less/core/alignments.less

@@ -0,0 +1,17 @@
+// Core Alignments
+
+.align-left {
+    text-align: left;
+}
+
+.align-right {
+    text-align: right;
+}
+
+.align-center {
+    text-align: center;
+}
+
+.align-justify {
+    text-align: justify;
+}

data/data/maglove/scaffold/base/less/core/cleanup.less

@@ -0,0 +1,8 @@
+#DAPPlugin {
+    display:none;
+}
+
+iframe {
+    width: 100%;
+    border: none;
+}

data/data/maglove/scaffold/base/less/core/editor.less

@@ -0,0 +1,23 @@
+._typeloft_widget {
+    position: relative;
+}
+
+.__color {
+    border-bottom: 1px solid #000;
+    
+    &::selection {
+        background: transparent;
+    }
+}
+
+.__bold {
+    font-weight: bold;
+}
+
+.__italic {
+    font-style: italic;
+}
+
+.__underline {
+    text-decoration: underline;
+}