breezeblocks 0.0.1

data/source/stylesheets/breezeblocks/_stats.sass

@@ -0,0 +1,27 @@
+.stats
+  $base-spacing: 1.5em !default
+  $dark-gray: #333 !default
+  $base-font-color: $dark-gray !default
+  $base-accent-color: #477dca !default
+  $stats-color: lighten($base-accent-color, 10%)
+  padding: $base-spacing / 2
+  ul
+    padding: 0
+  li
+    border-right: 1px solid transparentize($base-font-color, 0.8)
+    color: $stats-color
+    display: inline
+    float: left
+    font-size: 1.2em
+    font-weight: 800
+    line-height: 1.1em
+    padding: 0 0.7em
+    &:first-child
+      padding-left: 0
+    &:last-child
+      border-right: 0
+  span
+    color: $base-font-color
+    display: block
+    font-size: 0.7em
+    font-weight: normal

data/source/stylesheets/breezeblocks/_switch.sass

@@ -0,0 +1,61 @@
+.label-switch
+  ///////////////////////////////////////////////////////////////////////////////////
+  $base-accent-color: #477DCA !default
+  $base-background-color: white !default
+  //////////////////////////////////////////////////////////////////////////////////
+  $switch-width: 52px
+  $switch-padding: 2px
+  $switch-height: 32px
+  $switch-radius: $switch-height
+  $knob-size: $switch-height - $switch-padding * 2
+  $knob-radius: $switch-height - $switch-padding * 2
+  $knob-width: $knob-size
+  $switch-background: $base-background-color
+  $switch-border-background: darken($base-background-color, 9%)
+  $switch-shadow: 0 2px 5px transparentize(black, 0.6)
+  border-radius: $switch-radius
+  cursor: pointer
+  display: inline-block
+  height: $switch-height
+  position: relative
+  width: $switch-width
+  input[type="checkbox"]
+    display: none
+    + .checkbox
+      +transition(all 0.3s ease)
+      background: $switch-border-background
+      border-radius: $switch-radius
+      border: none
+      cursor: pointer
+      height: $switch-height
+      margin: 0
+      padding: 0
+      position: relative
+      width: $switch-width
+      z-index: 0
+      &:before
+        +position(absolute, 2px 0 0 2px)
+        +transform(scale(1))
+        +transition(all 0.3s ease)
+        background: $switch-background
+        border-radius: $switch-radius
+        content: ""
+        height: $knob-radius
+        width: $switch-width - $switch-padding * 2
+        z-index: 1
+      &:after
+        +position(absolute, 2px 0 0 2px)
+        +transition(all 0.3s ease)
+        +size($knob-size)
+        background: $switch-background
+        border-radius: $knob-radius
+        box-shadow: $switch-shadow
+        content: ""
+        z-index: 2
+    &:checked
+      + .checkbox
+        background: $base-accent-color
+        &:before
+          +transform(scale(0))
+        &:after
+          left: $switch-width - $knob-width - $switch-padding

data/source/stylesheets/breezeblocks/_tables-minimal.sass

@@ -0,0 +1,59 @@
+.table-minimal
+  ///////////////////////////////////////////////////////////////////////////////////
+  $base-border-color: gainsboro !default
+  $base-border-radius: 3px !default
+  $base-background-color: white !default
+  $base-line-height: 1.5em !default
+  $base-spacing: 1.5em !default
+  $base-accent-color: #477DCA !default
+  $base-link-color: $base-accent-color !default
+  $dark-gray: #333 !default
+  $light-gray: #DDD !default
+  $medium-screen: em(640) !default
+  $large-screen: em(860) !default
+  $base-font-color: $dark-gray !default
+  width: 100%
+  th
+    text-align: left
+  td
+    line-height: $base-line-height
+  //////////////////////////////////////////////////////////////////////////////////
+  $table-border-color: $base-border-color
+  $table-border: 1px solid $table-border-color
+  $table-background: $base-background-color
+  $table-header-background: lighten($table-background, 10)
+  $table-hover-background: darken($table-background, 2)
+  $table-stripe-background: darken($table-background, 4)
+  $table-stripe-background-hover: darken($table-stripe-background, 5)
+  $table-padding: 0.75em 1em
+  border-collapse: separate
+  border-spacing: 0
+  tbody
+    tr:hover > td, tr:hover > th
+      background-color: $table-hover-background
+    tr:first-child td
+      border-top: 2px solid $table-border-color
+  thead
+    th
+      background-color: $table-header-background
+      border-bottom: 0px
+      padding: $table-padding
+  tbody
+    background-color: $table-background
+    td
+      border-bottom: 0px
+      border-top: 1px solid $table-border-color
+      padding: $table-padding
+      button
+        +button(flat, $base-accent-color)
+        display: inline-block
+        font-size: .7em
+        line-height: $base-line-height
+        margin-bottom: .3em
+        margin-right: 0.5em
+        outline: none
+        padding: .3em 1em
+        width: 100%
+        +media($medium-screen)
+          margin-bottom: 0
+          width: auto

data/source/stylesheets/breezeblocks/_tables.sass

@@ -0,0 +1,78 @@
+.tables
+  ///////////////////////////////////////////////////////////////////////////////////
+  $base-border-color: gainsboro !default
+  $base-border-radius: 3px !default
+  $base-line-height: 1.5em !default
+  $base-spacing: 1.5em !default
+  $base-accent-color: #477DCA !default
+  $base-link-color: $base-accent-color !default
+  $dark-gray: #333 !default
+  $light-gray: #DDD !default
+  $medium-screen: em(640) !default
+  $large-screen: em(860) !default
+  $base-font-color: $dark-gray !default
+  width: 100%
+  th
+    text-align: left
+  //////////////////////////////////////////////////////////////////////////////////
+  $table-border-color: $base-border-color
+  $table-border: 1px solid $table-border-color
+  $table-background: lighten($table-border-color, 12%)
+  $table-header-background: lighten($table-background, 10%)
+  $table-hover-background: darken($table-background, 5%)
+  $table-stripe-background: darken($table-background, 2%)
+  $table-stripe-background-hover: darken($table-stripe-background, 5%)
+  $table-padding: 0.75em 1em
+  border-collapse: separate
+  border-left: 0px
+  border-radius: $base-border-radius
+  border-spacing: 0
+  border: $table-border
+  tbody
+    background-color: $table-background
+    tr:hover > td, tr:hover > th
+      background-color: $table-hover-background
+    tr:nth-child(even)
+      background-color: $table-stripe-background
+      &:hover > td
+        background-color: $table-stripe-background-hover
+  thead:first-of-type
+    tr:first-child > th:first-child
+      border-top-left-radius: $base-border-radius
+    tr:first-child > th:last-child
+      border-top-right-radius: $base-border-radius
+  tbody:last-child
+    tr:last-child > td:first-child
+      border-bottom-left-radius: $base-border-radius
+    tr:last-child > td:last-child
+      border-bottom-right-radius: $base-border-radius
+  thead
+    th
+      background-color: $table-header-background
+      border-bottom: 0px
+      border-left: 1px solid $table-border-color
+      padding: $table-padding
+      &:first-child
+        border-left: none
+  tbody
+    background-color: $table-background
+    td
+      border-bottom: 0px
+      border-left: 1px solid $table-border-color
+      border-top: 1px solid $table-border-color
+      padding: $table-padding
+      &:first-child
+        border-left: none
+      button
+        +button(flat, $base-accent-color)
+        display: inline-block
+        font-size: 0.7em
+        line-height: $base-line-height
+        margin-bottom: 0.3em
+        margin-right: 0.5em
+        outline: none
+        padding: 0.3em 1em
+        width: 100%
+        +media($medium-screen)
+          margin-bottom: 0
+          width: auto

data/source/stylesheets/breezeblocks/_texture-legend.sass

@@ -0,0 +1,78 @@
+=texture($gradient-angle, $bg-color-1, $bg-color-2, $texture-number, $inverted)
+  $texture-list: "paper.png" "rice_paper.png" "noise_lines.png" "fabric_plaid.png" "first_aid_kit.png" "texturetastic_gray.png" "lil_fiber.png" "tex2res5.png" "skin_side_up.png" "light_noise_diagonal.png" "chruch.png" "45degreee_fabric.png" "bgnoise_lg.png" "little_pluses.png" "squairy_light.png" "white_texture.png" "binding_light.png" "double_lined.png" "grid.png" "absurdidad.png" "grid_noise.png" "fancy_deboss.png" "graphy.png" "noise_pattern_with_crosslines.png" "old_mathematics.png" "ps_neutral.png" "subtle_freckles.png" "wavegrid.png" "az_subtle.png" "tiny_grid.png" "wavegrid.png" "gridme.png" "noisy_grid.png" "subtlenet2.png" "white_carbon.png" "lghtmesh.png" "p5.png" "worn_dots.png" "subtle_dots.png" "brillant.png" "farmer.png" "retina_dust.png" "pinstripe.png" "line_horizontal1.png" "line_horizontal2.png" "linen.png" "vintage_speckles.png" "subtle_grunge.png" "old_wall.png" "brushed.png" "stucco.png" "mooning.png" "husk.png" "concrete_wall_2.png" "noisy.png" "concrete_wall_3.png" "subtle_surface.png" "dust.png" "light_alu.png" "corrugation.png" "kindajean.png" "line_diagonal1.png" "line_diagonal2.png" "groovepaper.png" "brushed_alu.png" "rough_diagonal.png" "diagonal-noise.png" "cross_scratches.png" "striped_lens.png" "debut_light.png" "diagonal_waves.png" "honey_im_subtle.png" "pw_maze_white.png" "subtle_zebra_3d.png" "white_wave.png" "circles.png" "crosses.png" "grilled.png" "pw_pattern.png" "struckaxiom.png" "vichy.png" "wavecut.png" "whitey.png" "cream_pixels.png" "grey.png" "shinedotted.png" "stacked_circles.png" "noisy_grid_simple.png"
+  @if $inverted == 1
+    +background(url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/#{nth($texture-list, $texture-number)}"), linear-gradient($gradient-angle, $bg-color-1, $bg-color-2), center no-repeat $bg-color-1 scroll)
+  @else
+    +background(url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/inverted/#{nth($texture-list, $texture-number)}"), linear-gradient($gradient-angle, $bg-color-1, $bg-color-2), center no-repeat $bg-color-1 scroll)
+
+.texture-examples
+  +clearfix
+  border-radius: 6px
+  border: 1px solid silver
+  margin-bottom: 3em
+  padding: 1em
+  .texture-examples-container
+    +clearfix
+  h3
+    color: #CDCDCD
+    font-size: 1em
+    margin-bottom: 1.5em
+    text-align: center
+    text-transform: uppercase
+  h4
+    color: gray
+    font-size: .8em
+    font-weight: 200
+    line-height: 2.2em
+    margin: 0
+    padding-left: 0.5em
+    text-align: center
+  .instructions
+    clear: both
+    display: block
+    padding-top: 2em
+    text-align: center
+  a
+    color: $breezeblocks-anchor-color
+    text-decoration: none
+  b
+    font-weight: 800
+  p
+    color: #909090
+    font-size: 0.9em
+    line-height: 1.5em
+    margin: 1em auto 1em auto
+    max-width: 74%
+
+.examples
+  height: 2.5em
+  width: 100%
+
+.example-normal
+  border-bottom-left-radius: 6px
+  border-top-left-radius: 6px
+  float: left
+  height: 100%
+  width: 50%
+
+.example-inverted
+  border-bottom-right-radius: 6px
+  border-top-right-radius: 6px
+  float: left
+  height: 100%
+  width: 50%
+
+@for $i from 1 through 88
+  .texture-#{$i}
+    $texture-legend-top-background: lighten(#ddf0ef, 1%)
+    $texture-legend-bottom-background: darken(#ddf0ef, 10%)
+    float: left
+    margin-bottom: 1em
+    margin: 0 0.95% 1em 0.95%
+    width: 14.7%
+    .example-normal
+      +texture(180deg, $texture-legend-top-background, $texture-legend-bottom-background, $i, 0)
+      // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal
+    .example-inverted
+      +texture(180deg, $texture-legend-top-background, $texture-legend-bottom-background, $i, 1)
+      // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal

data/source/stylesheets/breezeblocks/_textures.sass

@@ -0,0 +1,26 @@
+=texture($gradient-angle, $bg-color-1, $bg-color-2, $texture-number, $inverted)
+  $texture-list: "paper.png" "rice_paper.png" "noise_lines.png" "fabric_plaid.png" "first_aid_kit.png" "texturetastic_gray.png" "lil_fiber.png" "tex2res5.png" "skin_side_up.png" "light_noise_diagonal.png" "chruch.png" "45degreee_fabric.png" "bgnoise_lg.png" "little_pluses.png" "squairy_light.png" "white_texture.png" "binding_light.png" "double_lined.png" "grid.png" "absurdidad.png" "grid_noise.png" "fancy_deboss.png" "graphy.png" "noise_pattern_with_crosslines.png" "old_mathematics.png" "ps_neutral.png" "subtle_freckles.png" "wavegrid.png" "az_subtle.png" "tiny_grid.png" "wavegrid.png" "gridme.png" "noisy_grid.png" "subtlenet2.png" "white_carbon.png" "lghtmesh.png" "p5.png" "worn_dots.png" "subtle_dots.png" "brillant.png" "farmer.png" "retina_dust.png" "pinstripe.png" "line_horizontal1.png" "line_horizontal2.png" "linen.png" "vintage_speckles.png" "subtle_grunge.png" "old_wall.png" "brushed.png" "stucco.png" "mooning.png" "husk.png" "concrete_wall_2.png" "noisy.png" "concrete_wall_3.png" "subtle_surface.png" "dust.png" "light_alu.png" "corrugation.png" "kindajean.png" "line_diagonal1.png" "line_diagonal2.png" "groovepaper.png" "brushed_alu.png" "rough_diagonal.png" "diagonal-noise.png" "cross_scratches.png" "striped_lens.png" "debut_light.png" "diagonal_waves.png" "honey_im_subtle.png" "pw_maze_white.png" "subtle_zebra_3d.png" "white_wave.png" "circles.png" "crosses.png" "grilled.png" "pw_pattern.png" "struckaxiom.png" "vichy.png" "wavecut.png" "whitey.png" "cream_pixels.png" "grey.png" "shinedotted.png" "stacked_circles.png" "noisy_grid_simple.png"
+  @if $inverted == 1
+    +background(url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/#{nth($texture-list, $texture-number)}"), linear-gradient($gradient-angle, $bg-color-1, $bg-color-2), center no-repeat $bg-color-1 scroll)
+  @else
+    +background(url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/inverted/#{nth($texture-list, $texture-number)}"), linear-gradient($gradient-angle, $bg-color-1, $bg-color-2), center no-repeat $bg-color-1 scroll)
+
+// The mixin above should preferably be in a file of its own. Below is the code for the object that has the texture.
+
+.texture
+  $texture-top-background: lighten(#ddf0ef, 1%)
+  $texture-bottom-background: darken(#ddf0ef, 10%)
+  height: 5em
+  width: 100%
+  .texture-normal
+    // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal
+    +texture(180deg, $texture-top-background, $texture-bottom-background, 67, 1)
+    float: left
+    height: 5em
+    width: 50%
+  .texture-inverted
+    // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal
+    +texture(180deg, $texture-top-background, $texture-bottom-background, 67, 0)
+    float: left
+    height: 5em
+    width: 50%

data/source/stylesheets/breezeblocks/_tooltip.sass

@@ -0,0 +1,60 @@
+.tooltip-item
+  ///////////////////////////////////////////////////////////////////////////////////
+  $base-border-color: gainsboro !default
+  $base-border-radius: 3px !default
+  $base-line-height: 1.5em !default
+  $dark-gray: #333 !default
+  $base-font-color: $dark-gray !default
+  p
+    color: $base-font-color
+    line-height: $base-line-height
+    margin: 0
+  //////////////////////////////////////////////////////////////////////////////////
+  $tooltip-background: white
+  $tooltip-color: $base-font-color
+  $tooltip-max-width: 16em
+  $tooltip-arrow-width: 8px
+  $tooltip-shadow: 0 2px 2px silver
+  $tooltip-distance-from-item: 3em
+  $tooltip-arrow-distance-from-box: -1.3em
+  background: $tooltip-background
+  border-radius: $base-border-radius
+  border: 1px solid $base-border-color
+  display: inline-block
+  padding: 0.5em 1em
+  position: relative
+  text-align: center
+  &:focus,
+  &:hover .tooltip
+    opacity: 1
+    visibility: visible
+  .tooltip
+    +position(absolute, null 0 $tooltip-distance-from-item 0)
+    +transition(all 0.2s ease-in-out)
+    background-color: $tooltip-background
+    background: #fff
+    border-radius: $base-border-radius
+    box-shadow: $tooltip-shadow
+    color: $tooltip-color
+    font-size: 0.9em
+    // Make sure you use -webkit-backface-visibility: hidden; on the body element to prevent 1px nudging bugs.
+    line-height: 1.5em
+    margin: 0 auto
+    max-width: $tooltip-max-width
+    opacity: 0
+    padding: 1em
+    text-align: center
+    visibility: hidden
+    z-index: 10
+    p
+      margin-bottom: 0
+    &:after
+      +position(absolute, null 0 null 0)
+      border: $tooltip-arrow-width solid transparent
+      bottom: $tooltip-arrow-distance-from-box
+      color: $tooltip-background
+      content: '▼'
+      font-size: 1.4em
+      margin-left: -$tooltip-arrow-width
+      text-align: center
+      text-shadow: $tooltip-shadow

data/source/stylesheets/breezeblocks/_type-system-geometric.sass

@@ -0,0 +1,100 @@
+article.type-system-geometric
+  ///////////////////////////////////////////////////////////////////////////////////
+  $base-border-radius: 3px !default
+  $base-line-height: 1.5em !default
+  $base-spacing: 1.5em !default
+  $base-accent-color: #477DCA !default
+  $base-link-color: $base-accent-color !default
+  $dark-gray: #333 !default
+  $light-gray: #DDD !default
+  $medium-screen: em(640) !default
+  $base-font-color: $dark-gray !default
+  h1, h2, h3, p
+    margin: 0
+  hr
+    border-bottom: 1px solid $light-gray
+    border-left: none
+    border-right: none
+    border-top: none
+    margin: $base-spacing 0
+  p
+    color: $base-font-color
+    line-height: $base-line-height
+  a
+    color: $base-link-color
+    text-decoration: none
+  //////////////////////////////////////////////////////////////////////////////////
+  $sans-serif: "Questrial", sans-serif
+  $serif: "Sanchez", serif
+  +clearfix
+  text-align: left
+  .type
+    border-bottom: 1px solid
+    display: inline-block
+    font-family: $sans-serif
+    font-size: 0.7em
+    font-weight: 800
+    margin-bottom: 2em
+    padding: 0.3em 0
+    text-align: left
+    text-transform: uppercase
+  h1
+    font-family: $serif
+    font-size: 1.8em
+    font-weight: 700
+    margin-bottom: 0.5em
+    +media($medium-screen)
+      font-size: 2.6em
+  h2
+    font-family: $serif
+    font-size: 1.2em
+    font-style: italic
+    font-weight: 400
+    line-height: 1.4em
+    margin-bottom: 1.1em
+    +media($medium-screen)
+      font-size: 1.3em
+  code
+    background: #F7F7F7
+    border-radius: $base-border-radius * 1.5
+    border: 1px solid #E0E0E0
+    font-size: 0.7em
+    font-style: normal
+    padding: 0.1em 0.4em
+    white-space: nowrap
+  h3
+    font-family: $serif
+    font-size: 1.4em
+    font-weight: 400
+    line-height: 1.3em
+    margin-bottom: 0.4em
+  p.date
+    color: transparentize($base-font-color, 0.6)
+    font-family: $serif
+    font-size: 0.9em
+    font-style: italic
+    margin-bottom: 0.3em
+  p
+    font-family: $sans-serif
+    font-size: 1.05em
+    line-height: 1.5em
+    margin-bottom: 1.5em
+  a.read-more
+    display: inline-block
+    font-family: $sans-serif
+    font-size: 0.8em
+    font-weight: 700
+    margin-left: 0.2em
+    position: relative
+    text-transform: uppercase
+    span
+      font-family: $sans-serif
+      font-size: 1.5em
+      font-style: normal
+      position: absolute
+      right: -12px
+      top: -1px
+  hr
+    width: 3em
+  p.author
+    font-family: $sans-serif