install baker-street_gulp-scss 0.0.8

private/scss/_animation.scss

@@ -0,0 +1,32 @@
+$linear: cubic-bezier(0.250, 0.250, 0.750, 0.750);
+$ease: cubic-bezier(0.250, 0.100, 0.250, 1.000);
+$ease-in: cubic-bezier(0.420, 0.000, 1.000, 1.000);
+$ease-out: cubic-bezier(0.000, 0.000, 0.580, 1.000);
+$ease-in-out: cubic-bezier(0.420, 0.000, 0.580, 1.000);
+
+$easeInQuad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
+$easeInCubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+$easeInQuart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
+$easeInQuint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+$easeInSine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
+$easeInExpo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
+$easeInCirc: cubic-bezier(0.600, 0.040, 0.980, 0.335);
+$easeInBack: cubic-bezier(0.600, -0.280, 0.735, 0.045);
+
+$easeOutQuad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
+$easeOutCubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+$easeOutQuart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
+$easeOutQuint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
+$easeOutSine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
+$easeOutExpo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
+$easeOutCirc: cubic-bezier(0.075, 0.820, 0.165, 1.000);
+$easeOutBack: cubic-bezier(0.175, 0.885, 0.320, 1.275);
+
+$easeInOutQuad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
+$easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
+$easeInOutQuart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
+$easeInOutQuint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
+$easeInOutSine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
+$easeInOutExpo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
+$easeInOutCirc: cubic-bezier(0.785, 0.135, 0.150, 0.860);
+$easeInOutBack: cubic-bezier(0.680, -0.550, 0.265, 1.550);

private/scss/_config.scss

@@ -0,0 +1,7 @@
+$white: #FFFFFF;
+$black: #000000;
+
+$default_font_family: sans-serif;
+$default_font_size: 16px;
+
+$max_breakpoint: 1600px;

private/scss/_fonts.scss

@@ -0,0 +1,38 @@
+// Follows Google Fonts Naming Convention with Font Squirrel generation
+// Font Specification: Weight, Code, Italic
+
+$typefaces: (
+        'Example': (
+                        ('thin', 100, true),
+                        ('extralight', 200, true),
+                        ('light', 300, true),
+                        ('regular', 400, true),
+                        ('medium', 500, true),
+                        ('semibold', 600, true),
+                        ('bold', 700, true),
+                        ('extrabold', 800, true),
+                        ('black', 900, true),
+        ),
+);
+
+@each $name, $typeface in $typefaces {
+  @each $font in $typeface {
+    $path_prefix: '../fonts/#{$name}/#{to-lower-case($name)}';
+    @font-face {
+      font-family: $name;
+      src: url('#{$path_prefix}-#{nth($font, 1)}.woff2') format('woff2'),
+      url('#{$path_prefix}-#{nth($font, 1)}.woff') format('woff');
+      font-weight: nth($font, 2);
+      font-style: normal;
+    }
+    @if (nth($font, 3)) {
+      @font-face {
+        font-family: $name;
+        src: url('#{$path_prefix}-#{nth($font, 1)}italic.woff2') format('woff2'),
+        url('#{$path_prefix}-#{nth($font, 1)}italic.woff') format('woff');
+        font-weight: nth($font, 2);
+        font-style: italic;
+      }
+    }
+  }
+}

private/scss/_layout.scss

@@ -0,0 +1,3 @@
+*, *:before, *:after {
+  box-sizing: border-box;
+}

private/scss/_reset.scss

@@ -0,0 +1,54 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

private/scss/_typography.scss

@@ -0,0 +1,5 @@
+html {
+  font-family: $default_font_family;
+  font-size: $default_font_size;
+  @include font_smoothing();
+}

private/scss/_util.scss

@@ -0,0 +1,31 @@
+$transform_ems: false;
+
+@function em($pixels, $context: $default_font_size) {
+  @if ($transform_ems) {
+    @if (unitless($pixels)) {
+      $pixels: $pixels * 1px;
+    }
+
+    @if (unitless($context)) {
+      $context: $context * 1px;
+    }
+
+    @return $pixels / $context * 1rem;
+  } @else {
+    @return $pixels;
+  }
+}
+
+@mixin font_smoothing {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@mixin absolute_properties() {
+  @content;
+  @media screen and (min-width: $max_breakpoint) {
+    $transform_ems: true !global;
+    @content;
+    $transform_ems: false !global;
+  }
+}

private/scss/main.scss

@@ -0,0 +1,7 @@
+@import "_reset.scss";
+@import "_animation.scss";
+@import "_util.scss";
+@import "_config.scss";
+@import "_fonts.scss";
+@import "_typography.scss";
+@import "_layout.scss";