compass-unsemantic 0.1

data/stylesheets/sass/partials/_unsemantic-grid-base-tablet.sass

@@ -0,0 +1,60 @@
+@import "unsemantic-vars"
+
+// `Body & Container
+//----------------------------------------------------------------------------------------------------
+
+body
+  min-width: 320px
+
+.grid-container
+  @extend %grid-container
+
+// `Clear floated elements.
+//----------------------------------------------------------------------------------------------------
+
+.clear
+  @extend %clear
+
+.clearfix
+  @extend %clearfix
+
+// `Grid columns.
+//----------------------------------------------------------------------------------------------------
+
+//
+// For 5 through 100 percent.
+//
+
+@for $i from 1 through 20
+  $num: $i * 5
+
+  .grid-#{$num}
+    @extend %grid-columns-all
+
+  .mobile-grid-#{$num}
+    @extend %grid-columns-all
+
+  .tablet-grid-#{$num}
+    @extend %grid-columns-all
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  .grid-#{$num}
+    @extend %grid-columns-all
+
+  .mobile-grid-#{$num}
+    @extend %grid-columns-all
+
+  .tablet-grid-#{$num}
+    @extend %grid-columns-all
+
+// Remove padding, if it's being used
+// as a parent for other grid columns.
+
+.grid-parent
+  @extend %grid-parent

data/stylesheets/sass/partials/_unsemantic-grid-base.sass

@@ -0,0 +1,54 @@
+@import "unsemantic-vars"
+
+// `Body & Container
+//----------------------------------------------------------------------------------------------------
+
+body
+  min-width: 320px
+
+.grid-container
+  @extend %grid-container
+
+// `Clear floated elements.
+//----------------------------------------------------------------------------------------------------
+
+.clear
+  @extend %clear
+
+.clearfix
+  @extend %clearfix
+
+// `Grid columns.
+//----------------------------------------------------------------------------------------------------
+
+//
+// For 5 through 100 percent.
+//
+
+@for $i from 1 through 20
+  $num: $i * 5
+
+  .grid-#{$num}
+    @extend %grid-columns-all
+
+  .mobile-grid-#{$num}
+    @extend %grid-columns-all
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  .grid-#{$num}
+    @extend %grid-columns-all
+
+  .mobile-grid-#{$num}
+    @extend %grid-columns-all
+
+// Remove padding, if it's being used
+// as a parent for other grid columns.
+
+.grid-parent
+  @extend %grid-parent

data/stylesheets/sass/partials/_unsemantic-grid-desktop.sass

@@ -0,0 +1,96 @@
+@import "unsemantic-vars"
+
+// `Hide on desktop.
+//----------------------------------------------------------------------------------------------------
+
+.hide-on-desktop
+  @extend %hide
+
+// `Grid columns.
+//----------------------------------------------------------------------------------------------------
+
+//
+// Full width, just line-break.
+//
+
+.grid-100
+  @extend %grid-100
+
+//
+// For 5 through 95 percent.
+//
+
+@for $i from 1 through 19
+  $num: $i * 5
+
+  // Percentage based widths.
+  .grid-#{$num}
+    @extend %grid-#{$num}
+
+  // Prefix, to add extra columns before.
+  .prefix-#{$num}
+    @extend %prefix-#{$num}
+
+  // Suffix, to add extra columns after.
+  .suffix-#{$num}
+    @extend %suffix-#{$num}
+
+  // Push, to rearrange column order (for potential "SEO").
+  .push-#{$num}
+    @extend %push-#{$num}
+
+  // Pull, to rearrange column order (for potential "SEO").
+  .pull-#{$num}
+    @extend %pull-#{$num}
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  // Percentage based widths.
+  .grid-#{$num}
+    @extend %grid-#{$num}
+
+  // Prefix, to add extra columns before.
+  .prefix-#{$num}
+    @extend %prefix-#{$num}
+
+  // Suffix, to add extra columns after.
+  .suffix-#{$num}
+    @extend %suffix-#{$num}
+
+  // Push, to rearrange column order (for potential "SEO").
+  .push-#{$num}
+    @extend %push-#{$num}
+
+  // Pull, to rearrange column order (for potential "SEO").
+  .pull-#{$num}
+    @extend %pull-#{$num}
+
+// `Push & Pull, to rearrange column order (for potential "SEO").
+//----------------------------------------------------------------------------------------------------
+
+//
+// For 5 through 95 percent.
+//
+
+@for $i from 1 through 19
+  $num: $i * 5
+
+  .push-#{$num},
+  .pull-#{$num}
+    @extend %grid-columns-push-pull
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  .push-#{$num},
+  .pull-#{$num}
+    @extend %grid-columns-push-pull

data/stylesheets/sass/partials/_unsemantic-grid-mobile.sass

@@ -0,0 +1,96 @@
+@import "unsemantic-vars"
+
+// `Hide on mobile.
+//----------------------------------------------------------------------------------------------------
+
+.hide-on-mobile
+  @extend %hide
+
+// `Grid columns.
+//----------------------------------------------------------------------------------------------------
+
+//
+// Full width, just line-break.
+//
+
+.mobile-grid-100
+  @extend %grid-100
+
+//
+// For 5 through 95 percent.
+//
+
+@for $i from 1 through 19
+  $num: $i * 5
+
+  // Percentage based widths.
+  .mobile-grid-#{$num}
+    @extend %grid-#{$num}
+
+  // Prefix, to add extra columns before.
+  .mobile-prefix-#{$num}
+    @extend %prefix-#{$num}
+
+  // Suffix, to add extra columns after.
+  .mobile-suffix-#{$num}
+    @extend %suffix-#{$num}
+
+  // Push, to rearrange column order (for potential "SEO").
+  .mobile-push-#{$num}
+    @extend %push-#{$num}
+
+  // Pull, to rearrange column order (for potential "SEO").
+  .mobile-pull-#{$num}
+    @extend %pull-#{$num}
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  // Percentage based widths.
+  .mobile-grid-#{$num}
+    @extend %grid-#{$num}
+
+  // Prefix, to add extra columns before.
+  .mobile-prefix-#{$num}
+    @extend %prefix-#{$num}
+
+  // Suffix, to add extra columns after.
+  .mobile-suffix-#{$num}
+    @extend %suffix-#{$num}
+
+  // Push, to rearrange column order (for potential "SEO").
+  .mobile-push-#{$num}
+    @extend %push-#{$num}
+
+  // Pull, to rearrange column order (for potential "SEO").
+  .mobile-pull-#{$num}
+    @extend %pull-#{$num}
+
+// `Push & Pull, to rearrange column order (for potential "SEO").
+//----------------------------------------------------------------------------------------------------
+
+//
+// For 5 through 95 percent.
+//
+
+@for $i from 1 through 19
+  $num: $i * 5
+
+  .mobile-push-#{$num},
+  .mobile-pull-#{$num}
+    @extend %grid-columns-push-pull
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  .mobile-push-#{$num},
+  .mobile-pull-#{$num}
+    @extend %grid-columns-push-pull

data/stylesheets/sass/partials/_unsemantic-grid-responsive-tablet.sass

@@ -0,0 +1,22 @@
+/* ================================================================== */
+/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
+/* ================================================================== */
+
+$media-mobile-max: 767px !default
+$media-tablet-min: 768px !default
+$media-tablet-max: 1024px !default
+$media-desktop-min: 1025px !default
+
+@import "unsemantic-ie-snap"
+
+@media screen
+  @import "unsemantic-grid-base-tablet"
+
+@media screen and (max-width: $media-mobile-max)
+  @import "unsemantic-grid-mobile"
+
+@media screen and (min-width: $media-tablet-min) and (max-width: $media-tablet-max)
+  @import "unsemantic-grid-tablet"
+
+@media screen and (min-width: $media-desktop-min)
+  @import "unsemantic-grid-desktop"

data/stylesheets/sass/partials/_unsemantic-grid-responsive.sass

@@ -0,0 +1,17 @@
+/* ============================================ */
+/* This file has a mobile-to-desktop breakpoint */
+/* ============================================ */
+
+$media-mobile-max: 767px !default
+$media-desktop-min: 768px !default
+
+@import "unsemantic-ie-snap"
+
+@media screen
+  @import "unsemantic-grid-base"
+
+@media screen and (max-width: $media-mobile-max)
+  @import "unsemantic-grid-mobile"
+
+@media screen and (min-width: $media-desktop-min)
+  @import "unsemantic-grid-desktop"

data/stylesheets/sass/partials/_unsemantic-grid-tablet.sass

@@ -0,0 +1,96 @@
+@import "unsemantic-vars"
+
+// `Hide on tablet.
+//----------------------------------------------------------------------------------------------------
+
+.hide-on-tablet
+  @extend %hide
+
+// `Grid columns.
+//----------------------------------------------------------------------------------------------------
+
+//
+// Full width, just line-break.
+//
+
+.tablet-grid-100
+  @extend %grid-100
+
+//
+// For 5 through 95 percent.
+//
+
+@for $i from 1 through 19
+  $num: $i * 5
+
+  // Percentage based widths.
+  .tablet-grid-#{$num}
+    @extend %grid-#{$num}
+
+  // Prefix, to add extra columns before.
+  .tablet-prefix-#{$num}
+    @extend %prefix-#{$num}
+
+  // Suffix, to add extra columns after.
+  .tablet-suffix-#{$num}
+    @extend %suffix-#{$num}
+
+  // Push, to rearrange column order (for potential "SEO").
+  .tablet-push-#{$num}
+    @extend %push-#{$num}
+
+  // Pull, to rearrange column order (for potential "SEO").
+  .tablet-pull-#{$num}
+    @extend %pull-#{$num}
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  // Percentage based widths.
+  .tablet-grid-#{$num}
+    @extend %grid-#{$num}
+
+  // Prefix, to add extra columns before.
+  .tablet-prefix-#{$num}
+    @extend %prefix-#{$num}
+
+  // Suffix, to add extra columns after.
+  .tablet-suffix-#{$num}
+    @extend %suffix-#{$num}
+
+  // Push, to rearrange column order (for potential "SEO").
+  .tablet-push-#{$num}
+    @extend %push-#{$num}
+
+  // Pull, to rearrange column order (for potential "SEO").
+  .tablet-pull-#{$num}
+    @extend %pull-#{$num}
+
+// `Push & Pull, to rearrange column order (for potential "SEO").
+//----------------------------------------------------------------------------------------------------
+
+//
+// For 5 through 95 percent.
+//
+
+@for $i from 1 through 19
+  $num: $i * 5
+
+  .tablet-push-#{$num},
+  .tablet-pull-#{$num}
+    @extend %grid-columns-push-pull
+
+//
+// For one-third and two-thirds.
+//
+
+@for $i from 1 through 2
+  $num: $i * 33
+
+  .tablet-push-#{$num},
+  .tablet-pull-#{$num}
+    @extend %grid-columns-push-pull