Use Jekyll native Sass/SCSS preprocessor

- Move .scss files to default `_sass` folder - Configure Sass/SCSS in `_config.yml` - Run .scss files through Autoprefixer - Remove unnecessary npm scripts for building CSS - Close #333
2016-08-08 16:22:45 -04:00
parent 9c63cabe7e
commit 23ea0e8e71
112 changed files with 131 additions and 86 deletions
@@ -0,0 +1,16 @@
+// Float Container API
+// ===================
+
+// Float Container
+// ---------------
+// - [$width]         : <length>
+// - [$justify]       : left | center | right
+// - [$math]   : fluid | static
+@mixin float-container(
+  $width,
+  $justify: auto auto,
+  $property: max-width
+) {
+  @include susy-clearfix;
+  @include container-output($width, $justify, $property);
+}
@@ -0,0 +1,40 @@
+// Float Ends API
+// ==============
+
+// Susy End Defaults
+// -----------------
+// - PRIVATE
+@include susy-defaults((
+  last-flow: to,
+));
+
+// Float Last
+// ----------
+// - [$flow]  : ltr | rtl
+@mixin float-last(
+  $flow: map-get($susy-defaults, flow),
+  $last-flow: map-get($susy-defaults, last-flow),
+  $margin: 0
+) {
+  $to: to($flow);
+
+  $output: (
+    float: if($last-flow == to, $to, null),
+    margin-#{$to}: $margin,
+  );
+
+  @include output($output);
+}
+
+// Float First
+// -----------
+// - [$flow]  : ltr | rtl
+@mixin float-first(
+  $flow: map-get($susy-defaults, flow)
+) {
+  $output: (
+    margin-#{from($flow)}: 0,
+  );
+
+  @include output($output);
+}
@@ -0,0 +1,22 @@
+// Float Isolation API
+// ===================
+
+// Isolate Output
+// --------------
+// - $push    : <length>
+// - [$flow]  : ltr | rtl
+@mixin isolate-output(
+  $push,
+  $flow: map-get($susy-defaults, flow)
+) {
+  $to: to($flow);
+  $from: from($flow);
+
+  $output: (
+    float: $from,
+    margin-#{$from}: $push,
+    margin-#{$to}: -100%,
+  );
+
+  @include output($output);
+}
@@ -0,0 +1,35 @@
+// Float Span API
+// ==============
+
+// Float Span Output
+// -----------------
+// - $width             : <length>
+// - [$float]           : from | to
+// - [$margin-before]   : <length>
+// - [$margin-after]    : <length>
+// - [$padding-before]  : <length>
+// - [$padding-after]   : <length>
+// - [$flow]            : ltr | rtl
+@mixin float-span-output(
+  $width,
+  $float            : from,
+  $margin-before    : null,
+  $margin-after     : null,
+  $padding-before   : null,
+  $padding-after    : null,
+  $flow             : map-get($susy-defaults, flow)
+) {
+  $to     : to($flow);
+  $from   : from($flow);
+
+  $output: (
+    width: $width,
+    float: if($float == to, $to, null) or if($float == from, $from, null),
+    margin-#{$from}: $margin-before,
+    margin-#{$to}: $margin-after,
+    padding-#{$from}: $padding-before,
+    padding-#{$to}: $padding-after,
+  );
+
+  @include output($output);
+}