breezeblocks 0.0.1 → 0.0.2

data/source/stylesheets/breezeblocks/_device.sass

@@ -1,67 +0,0 @@
-.device-background
-  ///////////////////////////////////////////////////////////////////////////////////
-  $base-border-radius: 3px !default
-  $base-accent-color: #477DCA !default
-  $large-screen: em(860) !default
-  p
-    line-height: 1.5em
-  h4
-    font-size: 1.5em
-    margin: 0
-  //////////////////////////////////////////////////////////////////////////////////
-  $device-padding-vertical: 5em
-  $device-padding-horizontal: 0.4em
-  $device-screen-width: 14em
-  $device-screen-height: 25em
-  $device-background: darken(gray, 40%)
-  $device-backside-background: darken($device-background, 10%)
-  $device-text-color: white
-  $device-background-top: #162C4C
-  $device-background-bottom: #0A120D
-  $gradient-angle: 10deg
-  $device-image: "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"
-  $device-screen-image: "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/cosmin_capitanu_screen.jpg"
-  +background(url($device-image), linear-gradient($gradient-angle, $device-background-bottom, $device-background-top), no-repeat $device-background-top scroll)
-  background-repeat: no-repeat
-  background-size: cover
-  min-height: 20em
-  width: 100%
-  .device-text
-    color: $device-text-color
-    padding: 2em
-    +media($large-screen)
-      float: left
-      max-width: 50%
-      padding: 4em
-
-    h4
-      border-bottom: 1px solid transparentize($device-text-color, 0.7)
-      margin-bottom: 0.5em
-      padding-bottom: 0.5em
-    p
-      margin-bottom: 1.5em
-    button
-      +button(flat, $base-accent-color)
-      padding: 0.7em 1em
-  .device
-    display: none
-    position: relative
-    +media($large-screen)
-      +transform(perspective(800px) translateX(0px) translateY(-100px) translateZ(50px) rotateX(0deg) rotateY(-20deg) rotateZ(-0deg))
-      background: $device-background
-      border-radius: 2em
-      box-shadow: 1px 0px lighten($device-backside-background, 20%), 4px 0px lighten($device-backside-background, 2%), 7px 0px $device-backside-background, 10px 0px $device-backside-background, 13px 0px $device-backside-background
-      display: block
-      float: right
-      margin-bottom: -12em
-      margin-right: 5em
-      padding: $device-padding-vertical 0
-      width: $device-screen-width + 2 * $device-padding-horizontal
-      z-index: 99999
-      .screen
-        +size($device-screen-width $device-screen-height)
-        background-image: url($device-screen-image)
-        background-size: cover
-        border-radius: 0.2em
-        box-shadow: inset 0 1px 8px transparentize(black, 0.5)
-        margin: auto

data/source/stylesheets/breezeblocks/_flex-boxes.sass

@@ -1,59 +0,0 @@
-.flex-boxes
-  ///////////////////////////////////////////////////////////////////////////////////
-  $base-border-radius: 3px !default
-  $base-background-color: white !default
-  $dark-gray: #333 !default
-  $light-gray: #DDD !default
-  $base-font-color: $dark-gray !default
-  a
-    text-decoration: none
-  //////////////////////////////////////////////////////////////////////////////////
-  $flex-box-border-color: $light-gray
-  $flex-box-border: 1px solid $flex-box-border-color
-  $flex-box-background: lighten($light-gray, 10%)
-  $flex-box-gutter: 0.4em
-  $flex-box-width: 18em
-  $flex-box-color: transparentize($base-font-color, 0.3)
-  $flex-box-top-colors: tomato, #72BFBF, #92B1E3, #E3D743, #CCC, #F6C05C
-  +clearfix
-  +display(flex)
-  +justify-content(center)
-  +align-items(stretch)
-  +flex-wrap(wrap)
-  clear: both
-  text-align: center
-  .flex-box
-    +transition(all 0.2s ease-in-out)
-    +flex(2 2 15em)
-    +align-self(stretch)
-    background: $flex-box-background
-    border-radius: $base-border-radius
-    box-shadow: inset 0 0 1px $flex-box-border-color, 0 2px 4px darken($base-background-color, 10%)
-    display: block
-    margin: $flex-box-gutter
-    padding: 2em 2em 3em 2em
-    @for $i from 1 to 7
-      // assign colors from $flex-box-top-colors list
-      &:nth-child(#{$i})
-        $color-from-list: nth($flex-box-top-colors, $i)
-        border-top: 6px solid $color-from-list
-        &:focus,
-        &:hover
-          background-color: transparentize($color-from-list, 0.9)
-    img
-      display: block
-      height: 3em
-      margin-bottom: 2em
-      margin: auto
-      opacity: 0.4
-    .flex-title
-      color: $flex-box-color
-      font-size: 1.2em
-      font-weight: 800
-      margin-bottom: 0.5em
-    p
-      color: transparentize($flex-box-color, 0.1)
-      line-height: 1.5em
-      margin: auto
-  .flex-box-big
-    +flex(1 1 40em)

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

@@ -1,78 +0,0 @@
-=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

@@ -1,26 +0,0 @@
-=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/_type-system-geometric.sass

@@ -1,100 +0,0 @@
-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

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

@@ -1,101 +0,0 @@
-article.type-system-rounded
-  ///////////////////////////////////////////////////////////////////////////////////
-  $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: "Nunito", sans-serif
-  $sans-serif-2: "Varela Round", sans-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: $sans-serif-2
-    font-size: 1.8em
-    margin-bottom: 0.5em
-    +media($medium-screen)
-      font-size: 2.4em
-  h2
-    font-family: $sans-serif-2
-    font-size: 1.2em
-    font-weight: 400
-    line-height: 1.4em
-    margin-bottom: 0.9em
-    +media($medium-screen)
-      font-size: 1.4em
-  code
-    background: #F7F7F7
-    border-radius: $base-border-radius * 1.5
-    border: 1px solid #E0E0E0
-    font-family: monaco
-    font-size: 0.7em
-    font-style: normal
-    padding: 0.1em 0.4em
-    white-space: nowrap
-  h3
-    font-family: $sans-serif-2
-    font-size: 1.2em
-    font-weight: 400
-    line-height: 1.3em
-    margin-bottom: 0.4em
-  p.date
-    color: transparentize($base-font-color, 0.6)
-    font-family: $sans-serif
-    font-size: 0.9em
-    margin-bottom: 0.3em
-  p
-    font-family: $sans-serif
-    font-size: 1.05em
-    font-weight: 300
-    line-height: 1.4em
-    margin-bottom: 1.5em
-    span
-      font-family: $sans-serif-2
-      font-size: 0.8em
-      text-transform: uppercase
-  a.read-more
-    display: inline-block
-    font-family: $sans-serif-2
-    font-size: 0.8em
-    font-weight: 700
-    margin-left: 0.2em
-    position: relative
-    text-transform: uppercase
-    span
-      font-size: 1.5em
-      position: absolute
-      right: -12px
-      top: -1px
-  hr
-    width: 3em
-  p.author
-    font-family: $sans-serif

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

@@ -1,105 +0,0 @@
-article.type-system-sans
-  ///////////////////////////////////////////////////////////////////////////////////
-  $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: "PT Sans", sans-serif
-  $sans-serif-2: "Titillium Web", sans-serif
-  +clearfix
-  text-align: left
-  .type
-    border-bottom: 1px solid
-    display: inline-block
-    font-family: $sans-serif-2
-    font-size: 0.7em
-    font-weight: 900
-    letter-spacing: 1px
-    margin-bottom: 2em
-    padding: 0.1em 0
-    text-align: left
-    text-transform: uppercase
-  h1
-    font-family: $sans-serif-2
-    font-size: 2em
-    font-weight: 600
-    margin-bottom: 0.6em
-    +media($medium-screen)
-      font-size: 2.4em
-  h2
-    font-family: $sans-serif
-    font-size: 1.2em
-    font-weight: 400
-    line-height: 1.4em
-    margin-bottom: 1.2em
-    +media($medium-screen)
-      font-size: 1.4em
-  code
-    background: #F7F7F7
-    border-radius: $base-border-radius * 1.5
-    border: 1px solid #E0E0E0
-    font-family: monaco
-    font-size: 0.65em
-    font-style: normal
-    padding: 0.1em 0.4em
-    white-space: nowrap
-  h3
-    font-family: $sans-serif-2
-    font-size: 1em
-    font-weight: 700
-    line-height: 1.4em
-    margin-bottom: 0.5em
-    text-transform: uppercase
-  p.date
-    color: transparentize($base-font-color, 0.6)
-    font-family: $sans-serif
-    font-size: 0.8em
-    margin-bottom: 0.5em
-  p
-    font-family: $sans-serif
-    font-weight: 300
-    letter-spacing: 1
-    margin-bottom: 1.5em
-    span
-      font-family: $sans-serif
-      font-size: 0.8em
-      font-weight: 600
-      text-transform: uppercase
-  hr
-    width: 3em
-  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-size: 1.7em
-      position: absolute
-      right: -10px
-      top: -2px
-  p.author
-    font-family: $sans-serif
-    font-style: italic