staple 0.0.9 → 0.1.0

data/source/stylesheets/staple/_sliding-menu.scss

@@ -1,63 +0,0 @@
-$sliding-menu-border-color: $dark-gray;
-$sliding-menu-background: lighten($sliding-menu-border-color, 5);
-$sliding-menu-color: #fff;
-$sliding-menu-border: 1px solid $sliding-menu-border-color;
-$sliding-menu-background-hover: $base-accent-color;
-$sliding-menu-color-hover: #fff;
-
-.sliding-menu-button {
-  @include inline-block;
-  cursor: pointer;
-  font-size: $base-font-size;
-  margin-bottom: $base-line-height;
-  position: relative;
-  outline: none;
-
-  img {
-    height: 1.3em;
-  }
-}
-
-.sliding-menu-content {
-  @include position(fixed, 0px auto 0px 0px);
-  @include size(220px 100%);
-  @include transform(translateX(-220px));
-  @include transition(all .25s linear);
-  background: $sliding-menu-background;
-  z-index: 999999;
-  overflow-y: scroll;
-  -webkit-overflow-scrolling: touch;
-
-  li a {
-    border-bottom: $sliding-menu-border;
-    color: $sliding-menu-color;
-    display: block;
-    font-weight: bold;
-    padding: 1em;
-
-    &:hover {
-      background-color: $sliding-menu-background-hover;
-      color: $sliding-menu-color-hover;
-    }
-  }
-
-  &.is-visible {
-    @include transform(translateX(0));
-  }
-}
-
-.menu-screen {
-  @include position(fixed, 0px 0px 0px 0px);
-  @include transition;
-  background: $sliding-menu-border-color;
-  opacity: 0;
-  visibility: hidden;
-  z-index: 999998;
-
-  &.is-visible {
-    opacity: .4;
-    visibility: visible;
-  }
-}
-
-// Based on code by Diego Eis

data/source/stylesheets/staple/_switch.scss

@@ -1,77 +0,0 @@
-.label-switch {
-  $switch-width: 52px;
-  $switch-padding: 2px;
-  $switch-height: 32px;
-  $switch-radius: $switch-height;
-  $knob-height: $switch-height - ($switch-padding * 2);
-  $knob-width: $knob-height;
-  $knob-radius: $switch-height - ($switch-padding * 2);
-
-  align-self: center;
-  border-radius: $switch-radius;
-  cursor: pointer;
-  display: inline-block;
-  height: $switch-height;
-  position: relative;
-  vertical-align: middle;
-  width: $switch-width;
-  @include box-sizing(border-box);
-
-  input[type="checkbox"] {
-    display: none;
-
-  + .checkbox {
-    background: #e5e5e5;
-    border: none;
-    border-radius: $switch-radius;
-    cursor: pointer;
-    height: $switch-height;
-    margin: 0;
-    padding: 0;
-    position: relative;
-    width: $switch-width;
-    z-index: 0;
-    @include box-sizing(border-box);
-    @include transition(all 0.3s ease);
-
-    &:before {
-      background: white;
-      border-radius: $switch-radius;
-      content: ' ';
-      height: $knob-radius;
-      width: $switch-width - ($switch-padding * 2);
-      z-index: 1;
-      @include box-sizing(border-box);
-      @include position(absolute, 2px 0 0 2px);
-      @include transition(all 0.3s ease);
-      @include transform(scale(1));
-    }
-
-    &:after {
-      background: white;
-      border-radius: $knob-radius;
-      content: ' ';
-      height: $knob-height;
-      width: $knob-width;
-      z-index: 2;
-      box-shadow: 0 2px 5px rgba(0,0,0,0.4);
-      @include position(absolute, 2px 0 0 2px);
-      @include transition(all 0.3s ease);
-    }
-  }
-
-  &:checked {
-    + .checkbox {
-      background: $blue;
-        
-        &:before {
-          @include transform(scale(0));
-        }
-
-        &:after {
-          left: $switch-width - $knob-width - ($switch-padding);
-        }
-      }
-    }
-  }
-}

data/source/stylesheets/staple/_tables-minimal.scss

@@ -1,60 +0,0 @@
-.table-minimal {
-  $table-border-color: $base-border-color;
-  $table-border: 1px solid $table-border-color;
-  $table-background: $base-background-color;
-  $table-header-color: lighten($table-background, 10);
-  $table-hover-color: darken($table-background, 2);
-  $table-stripe-color: darken($table-background, 4);
-  $table-stripe-color-hover: darken($table-stripe-color, 5);
-  $table-padding: .75em 1em;
-
-  border-collapse: separate;
-  border-spacing: 0;
-
-  tbody {
-    tr:hover > td, tr:hover > th {
-      background-color: $table-hover-color;
-    }
-    tr:first-child td {
-      border-top: 2px solid $table-border-color;
-    }
-  }
-
-  thead {
-    th {
-      background-color: $table-header-color;
-      padding: $table-padding;
-      border-bottom: 0px;
-    }
-  }
-
-  tbody {
-    background-color: $table-background;
-
-    td {
-      padding: $table-padding;
-      border-top: 1px solid $table-border-color;
-      border-bottom: 0px;
-
-      button {
-        padding: .5em 1em .6em;
-        font-size: .7em;
-        margin-right: 0.5em;
-        display: inline-block;
-        width: 100%;
-        margin-bottom: .3em;
-        outline: none;
-
-        @include media($medium-screen) {
-          width: auto;
-          font-size: .8em;
-          margin-bottom: 0;
-        }
-
-        @include media($large-screen) {
-          font-size: .8em;
-        }
-      }
-    }
-  }
-}

data/source/stylesheets/staple/_tables.scss

@@ -1,88 +0,0 @@
-.table-borders {
-  $table-border-color: $base-border-color;
-  $table-border: 1px solid $table-border-color;
-  $table-background: lighten($table-border-color, 10);
-  $table-header-color: lighten($table-background, 10);
-  $table-hover-color: darken($table-background, 5);
-  $table-stripe-color: darken($table-background, 4);
-  $table-stripe-color-hover: darken($table-stripe-color, 5);
-  $table-padding: .75em 1em;
-
-  border: $table-border;
-  border-left: 0px;
-  border-collapse: separate;
-  border-spacing: 0;
-  border-radius: $base-border-radius;
-
-  tbody {
-    background-color: $table-background;
-    tr:hover > td, tr:hover > th {
-      background-color: $table-hover-color;
-    }
-    tr:nth-child(even) {
-      background-color: $table-stripe-color;
-      &:hover > td {
-        background-color: $table-stripe-color-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-color;
-      padding: $table-padding;
-      border-left: 1px solid $table-border-color;
-      border-bottom: 0px;
-    }
-  }
-
-  tbody {
-    background-color: $table-background;
-
-    td {
-      padding: $table-padding;
-      border-left: 1px solid $table-border-color;
-      border-top: 1px solid $table-border-color;
-      border-bottom: 0px;
-
-      button {
-        padding: .5em 1em .6em;
-        font-size: .7em;
-        margin-right: 0.5em;
-        display: inline-block;
-        width: 100%;
-        margin-bottom: .3em;
-        outline: none;
-
-        @include media($medium-screen) {
-          width: auto;
-          margin-bottom: 0;
-        }
-
-        @include media($large-screen) {
-          font-size: .8em;
-        }
-      }
-    }
-  }
-}

data/source/stylesheets/staple/_texture-legend.scss

@@ -1,182 +0,0 @@
-@mixin texture($gradient-angle, $bg-color-1, $bg-color-2, $texture-number, $inverted) { $texture-list: 
-  "paper.png"             // Fabric and paper
-  "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, mesh and squares
-  "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"                 // Dots
-  "worn_dots.png"
-  "subtle_dots.png"
-  "brillant.png"
-  "farmer.png"
-  "retina_dust.png"        // Lines
-  "pinstripe.png"
-  "line_horizontal1.png"
-  "line_horizontal2.png"
-  "linen.png" 
-  "vintage_speckles.png"   // Patina and irregular
-  "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"           // Diagonal
-  "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"    // Special
-  "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) {
-    @include 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 {
-    @include 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 {
-  @include clearfix;
-  border-radius: $base-border-radius * 2;
-  border: 1px solid silver;
-  margin-bottom: 3em;
-  padding: 1em;
-
-  .texture-examples-container {
-    @include 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;
-    padding-left: .5em;
-    text-align: center;
-  }
-
-  .instructions {
-    clear: both;
-    display: block;
-    padding-top: 2em;
-    text-align: center;    
-  }
-
-  b {
-    font-weight: 800;
-  }
-
-  p {
-    color: #909090;
-    font-size: .9em;
-    margin: 1em auto 1em auto;
-    max-width: 74%;
-  }
-}
-
-.examples {
-  height: 2.5em;
-  width: 100%;
-}
-
-.example-normal {
-  border-bottom-left-radius: $base-border-radius * 2;
-  border-top-left-radius: $base-border-radius * 2;
-  float: left;
-  height: 100%;
-  width: 50%;
-}
-
-.example-inverted {
-  border-bottom-right-radius: $base-border-radius * 2;
-  border-top-right-radius: $base-border-radius * 2;
-  float: left;
-  height: 100%;
-  width: 50%;
-}
-
-@for $i from 1 through 88 {
-  .texture-#{$i} {
-    float: left;
-    margin-bottom: 1em;
-    margin: 0 0.95% 1em 0.95%;
-    width: 14.7%;
-
-    .example-normal {
-      @include texture(180deg, lighten(#DDF0EF, 1), darken(#DDF0EF, 10), $i, 0); // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal  
-    }
-    .example-inverted {
-      @include texture(180deg, lighten(#DDF0EF, 1), darken(#DDF0EF, 10), $i, 1); // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal  
-    }
-  }
-}

data/source/stylesheets/staple/_textures.scss

@@ -1,119 +0,0 @@
-@mixin texture($gradient-angle, $bg-color-1, $bg-color-2, $texture-number, $inverted) { $texture-list: 
-  "paper.png"             // Fabric and paper
-  "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, mesh and squares
-  "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"                 // Dots
-  "worn_dots.png"
-  "subtle_dots.png"
-  "brillant.png"
-  "farmer.png"
-  "retina_dust.png"        // Lines
-  "pinstripe.png"
-  "line_horizontal1.png"
-  "line_horizontal2.png"
-  "linen.png" 
-  "vintage_speckles.png"   // Patina and irregular
-  "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"           // Diagonal
-  "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"    // Special
-  "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) {
-    @include 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 {
-    @include 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 {
-  height: 5em;
-  width: 100%;
-}
-
-.texture-normal {
-  @include texture(180deg, lighten(#DDF0EF, 1), darken(#DDF0EF, 10), 67, 1); // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal  
-  float: left;
-  height: 5em;
-  width: 50%;
-}
-
-.texture-inverted {
-  @include texture(180deg, lighten(#DDF0EF, 1), darken(#DDF0EF, 10), 67, 0); // gradient color 1, gradient color 2, gradient angle, texture-number, 0=inverted or 1=normal  
-  float: left;
-  height: 5em;
-  width: 50%;
-}

data/source/stylesheets/staple/_tooltip.scss

@@ -1,57 +0,0 @@
-.tooltip-item {
-  $tooltip-background: white;
-  $tooltip-color: $base-font-color;
-  $tooltip-width: 16em;
-  $tooltip-arrow-width: 8px;
-  $tooltip-shadow: 0 2px 2px silver;
-  $tooltip-distance-from-item: 140%;
-  $tooltip-arrow-distance-from-box: -$tooltip-arrow-width * 3.2;
-
-  border: 1px solid $base-border-color;
-  padding: .5em 1em;
-  border-radius: $base-border-radius;
-  position: relative;
-  margin-bottom: $base-line-height;
-
-  &:hover .tooltip {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  .tooltip {
-    @include position(absolute, null null null 50%);
-    @include box-sizing(border-box);
-    @include transition (all 0.2s ease-in-out);
-    bottom: $tooltip-distance-from-item;
-    background-color: $tooltip-background;
-    border-radius: $base-border-radius;
-    color: $tooltip-color;
-    font-size: .9em; // Make sure you use -webkit-backface-visibility: hidden; on the body element to prevent 1px nudging bugs.
-    line-height: 1.5em;
-    margin-left: -($tooltip-width/2);
-    opacity: 0;
-    padding: 1em;
-    box-shadow: $tooltip-shadow;
-    text-align: center;
-    visibility: hidden;
-    min-width: $tooltip-width;
-    z-index: 10;
-    font-family: $serif;
-
-    p {
-      margin-bottom: 0;
-    }
-
-    &:after {
-      @include position(absolute, null null null 46%);
-      margin-left: -$tooltip-arrow-width;
-      border: $tooltip-arrow-width solid transparent;
-      color: $tooltip-background;
-      content: '▼';
-      text-shadow: $tooltip-shadow;
-      font-size: 1.4em;
-      pointer-events: none;
-      bottom: $tooltip-arrow-distance-from-box;
-    }
-  }
-}