pusher-chameleon 1.0.3

data/stylesheets/grid/_row.scss

@@ -0,0 +1,95 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Change the behavior of columns defined inside this mixin to use a different column count.
+/// @content
+///
+/// @param {Number} $columns - Number of columns to use.
+/// @param {Boolean} $root [false]
+///   If `false`, selectors inside this mixin will nest inside the parent selector.
+///   If `true`, selectors will not nest.
+@mixin grid-context(
+  $columns,
+  $root: false
+) {
+  // Store the current column count so it can be re-set later
+  $old-grid-column-count: $grid-column-count;
+  $grid-column-count: $columns !global;
+
+  @if $root {
+    @at-root { @content; }
+  }
+  @else {
+    @content;
+  }
+
+  // Restore the old column count
+  $grid-column-count: $old-grid-column-count;
+}
+
+/// Creates a grid row.
+/// @content
+///
+/// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count.
+/// @param {Keywords} $behavior [null]
+///   Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.
+/// @param {Number} $width [$grid-row-width] - Maximum width of the row.
+/// @param {Boolean} $cf [true] - Whether or not to include a clearfix.
+/// @param {Number} $gutter [$grid-column-gutter] - Gutter to use when inverting margins, in case the row is nested.
+@mixin grid-row(
+  $columns: null,
+  $behavior: null,
+  $width: $grid-row-width,
+  $cf: true,
+  $gutter: $grid-column-gutter
+) {
+  $margin: auto;
+
+  @if index($behavior, nest) != null {
+    @include grid-row-nest($gutter);
+
+    @if index($behavior, collapse) != null {
+      margin-left: 0;
+      margin-right: 0;
+    }
+  }
+  @else {
+    max-width: $width;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  }
+
+  @if $cf {
+    @include clearfix;
+  }
+
+  @if $columns != null {
+    @include grid-context($columns) {
+      @content;
+    }
+  }
+}
+
+/// Inverts the margins of a row to nest it inside of a column.
+///
+/// @param {Map|null} $gutter [null] - Gutter value to use when inverting the margins. Set to `null` to refer to the responsive gutter settings.
+@mixin grid-row-nest($gutter: $grid-column-gutter) {
+  @if type-of($gutter) == 'number' {
+    $gutter: (small: $gutter);
+  }
+
+  @each $breakpoint, $value in $gutter {
+    $margin: rem-calc($value) / 2 * -1;
+
+    @include breakpoint($breakpoint) {
+      margin-left: $margin;
+      margin-right: $margin;
+    }
+  }
+}

data/stylesheets/grid/_size.scss

@@ -0,0 +1,24 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group grid
+////
+
+/// Set the width of a grid column.
+///
+/// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`.
+@mixin grid-column-size(
+  $columns: $grid-column-count
+) {
+  width: grid-column($columns);
+}
+
+/// Shorthand for `grid-column-size()`.
+/// @alias grid-column-size
+@mixin grid-col-size(
+  $columns: $grid-column-count
+) {
+  @include grid-column-size($columns);
+}

data/stylesheets/typography/_base.scss

@@ -0,0 +1,60 @@
+@mixin chameleon-typography-base {
+  div,
+  dl,
+  dt,
+  dd,
+  ul,
+  ol,
+  li,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  pre,
+  form,
+  p,
+  blockquote,
+  th,
+  td {
+    margin: 0;
+    padding: 0;
+  }
+
+  a {
+    color: $color-primary;
+    font-weight: 500;
+  }
+
+  p,
+  ul li,
+  ol li {
+    @extend %font-family-secondary;
+    font-size: rem-calc(16px);
+    line-height: 1.4em;
+    font-weight: 400;
+  }
+
+  .p-boosted,
+  .p-max {
+    font-size: rem-calc(18px);
+  }
+
+  .p-min {
+    font-size: rem-calc(14px);
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  code {
+    font-family: $font-family-monospace;
+    font-size: rem-calc(14px);
+    font-feature-settings: normal;
+    background-color: $color-snow;
+    padding: 4px 4px;
+    border-radius: 3px;
+  }
+}

data/stylesheets/typography/_helpers.scss

@@ -0,0 +1,66 @@
+@mixin chameleon-typography-helpers {
+
+  .u-color-primary {
+    color: $color-primary !important;
+  }
+
+  .u-color-developer {
+    color: $color-developer !important;
+  }
+
+  // We provide dark and light
+  // class names for legacy
+  .u-color-dark,
+  .u-color-black {
+    color: $color-black !important;
+  }
+
+  .u-color-light,
+  .u-color-white {
+    color: $color-white !important;
+  }
+
+  .u-color-snow {
+    color: $color-snow !important;
+  }
+
+  .u-color-smoke {
+    color: $color-smoke !important;
+  }
+
+  .u-color-silver {
+    color: $color-silver !important;
+  }
+
+  .u-color-slate {
+    color: $color-slate !important;
+  }
+
+  .u-color-warning {
+    color: $color-warning !important;
+  }
+
+  .u-color-danger {
+    color: $color-danger !important;
+  }
+
+  .u-color-success {
+    color: $color-success !important;
+  }
+
+  .u-color-beta {
+    color: $color-beta !important;
+  }
+
+  .u-text-align-center {
+    text-align: left;
+
+    @media #{$medium-up} {
+      text-align: center;
+    }
+  }
+
+  .u-text-align-right {
+    text-align: right;
+  }
+}

data/stylesheets/typography/_import.scss

@@ -0,0 +1,54 @@
+// Realtime Text Light
+@font-face {
+  font-family: 'pusher-realtime-text';
+  font-weight: 300;
+  src: url('#{$cdn-font-url}/realtime/realtime_text_light.eot');
+  src: url('#{$cdn-font-url}/realtime/realtime_text_light.woff2') format('woff2'),
+       url('#{$cdn-font-url}/realtime/realtime_text_light.woff') format('woff'),
+       url('#{$cdn-font-url}/realtime/realtime_text_light.ttf') format('truetype'),
+       url('#{$cdn-font-url}/realtime/realtime_text_light.eot?#iefix') format('embedded-opentype');
+}
+
+// Realtime Text Regular
+@font-face {
+  font-family: 'pusher-realtime-text';
+  font-weight: 400;
+  src: url('#{$cdn-font-url}/realtime/realtime_text_regular.eot');
+  src: url('#{$cdn-font-url}/realtime/realtime_text_regular.woff2') format('woff2'),
+       url('#{$cdn-font-url}/realtime/realtime_text_regular.woff') format('woff'),
+       url('#{$cdn-font-url}/realtime/realtime_text_regular.ttf') format('truetype'),
+       url('#{$cdn-font-url}/realtime/realtime_text_regular.eot?#iefix') format('embedded-opentype');
+}
+
+// Realtime Text Semibold
+@font-face {
+  font-family: 'pusher-realtime-text';
+  font-weight: 500;
+  src: url('#{$cdn-font-url}/realtime/realtime_text_semibold.eot');
+  src: url('#{$cdn-font-url}/realtime/realtime_text_semibold.woff2') format('woff2'),
+       url('#{$cdn-font-url}/realtime/realtime_text_semibold.woff') format('woff'),
+       url('#{$cdn-font-url}/realtime/realtime_text_semibold.ttf') format('truetype'),
+       url('#{$cdn-font-url}/realtime/realtime_text_semibold.eot?#iefix') format('embedded-opentype');
+}
+
+// Realtime Text Bold
+@font-face {
+  font-family: 'pusher-realtime-text';
+  font-weight: 600;
+  src: url('#{$cdn-font-url}/realtime/realtime_text_bold.eot');
+  src: url('#{$cdn-font-url}/realtime/realtime_text_bold.woff2') format('woff2'),
+       url('#{$cdn-font-url}/realtime/realtime_text_bold.woff') format('woff'),
+       url('#{$cdn-font-url}/realtime/realtime_text_bold.ttf') format('truetype'),
+       url('#{$cdn-font-url}/realtime/realtime_text_bold.eot?#iefix') format('embedded-opentype');
+}
+
+// Realtime Text Black
+@font-face {
+  font-family: 'pusher-realtime-text';
+  font-weight: 700;
+  src: url('#{$cdn-font-url}/realtime/realtime_text_black.eot');
+  src: url('#{$cdn-font-url}/realtime/realtime_text_black.woff2') format('woff2'),
+       url('#{$cdn-font-url}/realtime/realtime_text_black.woff') format('woff'),
+       url('#{$cdn-font-url}/realtime/realtime_text_black.ttf') format('truetype'),
+       url('#{$cdn-font-url}/realtime/realtime_text_black.eot?#iefix') format('embedded-opentype');
+}

data/stylesheets/typography/_syntax_highlighting.scss

@@ -0,0 +1,168 @@
+@mixin chameleon-typography-syntax-highlighting {
+  .highlight {
+    margin: 0;
+    padding: 20px 30px;
+    position: relative;
+    background: $color-snow;
+    border: 1px solid darken($color-snow, 5%);
+
+    * {
+      -webkit-font-smoothing: auto !important;
+    }
+
+    code {
+      background-color: transparent;
+      border-radius: $border-radius;
+      padding: 0;
+    }
+
+    code,
+    pre {
+      font-family: $font-family-monospace;
+      font-size: rem-calc(13px);
+      line-height: rem-calc(20px);
+      font-weight: 300;
+      color: #2b303b;
+    }
+
+    .c {    color: #b9bfcc } /* Comment */
+    .err {  color: #bf616a } /* Error */
+    .k {    color: #b48ead } /* Keyword */
+    .l {    color: #d08770 } /* Literal */
+    .n {    color: #268bd2 } /* Name */
+    .o {    color: #96b5b4 } /* Operator */
+    .p {    color: #2b303b } /* Punctuation */
+    .cm {   color: #a7adba } /* Comment.Multiline */
+    .cp {   color: #a7adba } /* Comment.Preproc */
+    .c1 {   color: #a7adba } /* Comment.Single */
+    .cs {   color: #a7adba } /* Comment.Special */
+    .gd {   color: #bf616a } /* Generic.Deleted */
+    .ge {   font-style: italic } /* Generic.Emph */
+    .gh {   color: #2b303b; font-weight: bold } /* Generic.Heading */
+    .gi {   color: #25a25a } /* Generic.Inserted */
+    .gp {   color: #a7adba; font-weight: bold } /* Generic.Prompt */
+    .gs {   font-weight: bold } /* Generic.Strong */
+    .gu {   color: #96b5b4; font-weight: bold } /* Generic.Subheading */
+    .kc {   color: #b48ead } /* Keyword.Constant */
+    .kd {   color: #b48ead } /* Keyword.Declaration */
+    .kn {   color: #96b5b4 } /* Keyword.Namespace */
+    .kp {   color: #b48ead } /* Keyword.Pseudo */
+    .kr {   color: #b48ead } /* Keyword.Reserved */
+    .kt {   color: #ebcb8b } /* Keyword.Type */
+    .ld {   color: #25a25a } /* Literal.Date */
+    .m {    color: #d08770 } /* Literal.Number */
+    .s {    color: #25a25a } /* Literal.String */
+    .na {   color: #6699cc } /* Name.Attribute */
+    .nb {   color: #2b303b } /* Name.Builtin */
+    .nc {   color: #bf616a } /* Name.Class */
+    .no {   color: #caa65f } /* Name.Constant */
+    .nd {   color: #96b5b4 } /* Name.Decorator */
+    .ni {   color: #2b303b } /* Name.Entity */
+    .ne {   color: #bf616a } /* Name.Exception */
+    .nf {   color: #268bd2 } /* Name.Function */
+    .nl {   color: #2b303b } /* Name.Label */
+    .nn {   color: #ebcb8b } /* Name.Namespace */
+    .nx {   color: #6699cc } /* Name.Other */
+    .py {   color: #2b303b } /* Name.Property */
+    .nt {   color: #39acdc} /* Name.Tag */
+    .nv {   color: #bf616a } /* Name.Variable */
+    .ow {   color: #96b5b4 } /* Operator.Word */
+    .w {    color: #2b303b } /* Text.Whitespace */
+    .mf {   color: #d08770 } /* Literal.Number.Float */
+    .mh {   color: #d08770 } /* Literal.Number.Hex */
+    .mi {   color: #d08770 } /* Literal.Number.Integer */
+    .mo {   color: #d08770 } /* Literal.Number.Oct */
+    .sb {   color: #25a25a } /* Literal.String.Backtick */
+    .sc {   color: #2b303b } /* Literal.String.Char */
+    .sd {   color: #a7adba } /* Literal.String.Doc */
+    .s2 {   color: #25a25a } /* Literal.String.Double */
+    .se {   color: #d08770 } /* Literal.String.Escape */
+    .sh {   color: #25a25a } /* Literal.String.Heredoc */
+    .si {   color: #d08770 } /* Literal.String.Interpol */
+    .sx {   color: #25a25a } /* Literal.String.Other */
+    .sr {   color: #25a25a } /* Literal.String.Regex */
+    .s1 {   color: #25a25a } /* Literal.String.Single */
+    .ss {   color: #3a343e } /* Literal.String.Symbol */
+    .bp {   color: #2b303b } /* Name.Builtin.Pseudo */
+    .vc {   color: #bf616a } /* Name.Variable.Class */
+    .vg {   color: #bf616a } /* Name.Variable.Global */
+    .vi {   color: #268bd2 } /* Name.Variable.Instance */
+    .il {   color: #d08770 } /* Literal.Number.Integer.Long */
+
+    .page-highlight--dark & {
+      background: #3b4a59;
+      border: 0;
+
+      code,
+      pre {
+        text-shadow: 0 1px rgba(0, 0, 0, .35);
+        color: #d8dee9;
+      }
+
+      .hll { background-color: #4F5B66 }
+      .c { color: #65737E } /* Comment */
+      .err { color: #EC5f67 } /* Error */
+      .k { color: #C594C5 } /* Keyword */
+      .l { color: #F99157 } /* Literal */
+      .n { color: #D8DEE9 } /* Name */
+      .o { color: #5FB3B3 } /* Operator */
+      .p { color: #D8DEE9 } /* Punctuation */
+      .cm { color: #65737E } /* Comment.Multiline */
+      .cp { color: #65737E } /* Comment.Preproc */
+      .c1 { color: #65737E } /* Comment.Single */
+      .cs { color: #65737E } /* Comment.Special */
+      .gd { color: #EC5f67 } /* Generic.Deleted */
+      .ge { font-style: italic } /* Generic.Emph */
+      .gh { color: #D8DEE9; font-weight: bold } /* Generic.Heading */
+      .gi { color: #99C794 } /* Generic.Inserted */
+      .gp { color: #65737E; font-weight: bold } /* Generic.Prompt */
+      .gs { font-weight: bold } /* Generic.Strong */
+      .gu { color: #5FB3B3; font-weight: bold } /* Generic.Subheading */
+      .kc { color: #C594C5 } /* Keyword.Constant */
+      .kd { color: #C594C5 } /* Keyword.Declaration */
+      .kn { color: #5FB3B3 } /* Keyword.Namespace */
+      .kp { color: #C594C5 } /* Keyword.Pseudo */
+      .kr { color: #C594C5 } /* Keyword.Reserved */
+      .kt { color: #FAC863 } /* Keyword.Type */
+      .ld { color: #99C794 } /* Literal.Date */
+      .m { color: #F99157 } /* Literal.Number */
+      .s { color: #99C794 } /* Literal.String */
+      .na { color: #6699CC } /* Name.Attribute */
+      .nb { color: #D8DEE9 } /* Name.Builtin */
+      .nc { color: #FAC863 } /* Name.Class */
+      .no { color: #EC5f67 } /* Name.Constant */
+      .nd { color: #5FB3B3 } /* Name.Decorator */
+      .ni { color: #D8DEE9 } /* Name.Entity */
+      .ne { color: #EC5f67 } /* Name.Exception */
+      .nf { color: #6699CC } /* Name.Function */
+      .nl { color: #D8DEE9 } /* Name.Label */
+      .nn { color: #FAC863 } /* Name.Namespace */
+      .nx { color: #6699CC } /* Name.Other */
+      .py { color: #D8DEE9 } /* Name.Property */
+      .nt { color: #5FB3B3 } /* Name.Tag */
+      .nv { color: #EC5f67 } /* Name.Variable */
+      .ow { color: #5FB3B3 } /* Operator.Word */
+      .w { color: #D8DEE9 } /* Text.Whitespace */
+      .mf { color: #F99157 } /* Literal.Number.Float */
+      .mh { color: #F99157 } /* Literal.Number.Hex */
+      .mi { color: #F99157 } /* Literal.Number.Integer */
+      .mo { color: #F99157 } /* Literal.Number.Oct */
+      .sb { color: #99C794 } /* Literal.String.Backtick */
+      .sc { color: #D8DEE9 } /* Literal.String.Char */
+      .sd { color: #65737E } /* Literal.String.Doc */
+      .s2 { color: #99C794 } /* Literal.String.Double */
+      .se { color: #F99157 } /* Literal.String.Escape */
+      .sh { color: #99C794 } /* Literal.String.Heredoc */
+      .si { color: #F99157 } /* Literal.String.Interpol */
+      .sx { color: #99C794 } /* Literal.String.Other */
+      .sr { color: #99C794 } /* Literal.String.Regex */
+      .s1 { color: #99C794 } /* Literal.String.Single */
+      .ss { color: #99C794 } /* Literal.String.Symbol */
+      .bp { color: #D8DEE9 } /* Name.Builtin.Pseudo */
+      .vc { color: #EC5f67 } /* Name.Variable.Class */
+      .vg { color: #EC5f67 } /* Name.Variable.Global */
+      .vi { color: #EC5f67 } /* Name.Variable.Instance */
+      .il { color: #F99157 } /* Literal.Number.Integer.Long */
+    }
+  }
+}