shibori 1.0.0.beta1 → 1.3.0.beta1

data/source/css/scss/components/_buttons.scss

@@ -1,175 +0,0 @@
-// ==========================================================================
-// Buttons
-// ==========================================================================
-
-.btn,
-a.btn {
-  $bg: $brand-primary;
-  $bg-alt: $blue;
-  display: inline-block;
-  width: auto;
-  padding: 16px 35px;
-  margin: $pad-sm 0;
-  line-height: 1.27;
-  background: $bg;
-  border: 1px solid transparent;
-  border-radius: $border-radius-lg;
-  color: $white;
-  font-size: $font-sm;
-  font-weight: $font-bold;
-  text-align: center;
-  text-decoration: none;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  -webkit-appearance: none;
-  @include transition(background $transition);
-
-  &:hover,
-  &:focus {
-    background: saturate(darken($bg, 10%), 15%);
-    color: $white;
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  &:active {
-    background: saturate(darken($bg, 15%), 15%);
-    color: fade-out($white, .2);
-    outline: none;
-  }
-
-
-  //- Colors
-  &-alt {
-    $bg: $bg-alt;
-    background: $bg;
-
-    &:hover,
-    &:focus {
-      background: saturate(darken($bg, 10%), 15%);
-      color: $white;
-    }
-
-    &:active {
-      background: saturate(darken($bg, 15%), 15%);
-      color: fade-out($white, .2);
-    }
-  }
-
-  &-default {
-    background: $white;
-    color: $brand-primary;
-    border: 1px solid $brand-primary;
-    &:hover {
-      background-color: $gray-lighter;
-    }
-    &:active {
-      background-color: $white;
-    }
-  }
-
-  &-white {
-    background: $white;
-    color: $brand-primary;
-    border: 1px solid $brand-primary;
-
-    &:hover,
-    &:focus {
-      background: $off-white;
-      color: $brand-primary;
-    }
-
-    &:active {
-      background: darken($off-white, 2%);
-    }
-  }
-
-  //- Layouts
-  &-inline {
-    display: inline-block;
-  }
-
-    &-disabled {
-    background: $gray-lighter;
-    color: $gray;
-    cursor: not-allowed;
-
-    &:hover,
-    &:focus {
-      background: $gray-lighter;
-      color: $gray;
-    }
-  }
-
-  &-block {
-    width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &-no-margin {
-    margin: 0;
-  }
-
-  //- Sizes
-  &-xs {
-    padding: 6px 8px 5px;
-    font-size: $font-xs;
-    font-weight: $font-normal;
-    text-transform: none;
-    letter-spacing: 0em;
-    max-width: none;
-    border-radius: $border-radius/2;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-
-  &-sm {
-    padding: 8px 16px;
-    font-size: $font-sm;
-    text-transform: none;
-    letter-spacing: .01em;
-    max-width: none;
-    border-radius: $border-radius;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-
-  &-lg {
-    padding: $pad-lg $pad-xl;
-    font-size: $font-lg;
-  }
-
-  //- Types
-  &-text {
-    background: transparent;
-    color: $blue;
-
-    &:hover,
-    &:focus {
-      color: darken($blue, 5%);
-      background: transparent;
-    }
-
-    &:active {
-      color: $brand-primary;
-    }
-  }
-
-  // Special Buttons
-  &.deploy {
-    line-height: $font-sm;
-
-    .hk-icon {
-      line-height: $font-sm;
-      margin-right: 6px;
-      color: lighten($brand-primary, 30%);
-      font-size: $brand-icon-xs;
-    }
-
-    .to-heroku {
-      color: lighten($brand-primary, 30%);
-    }
-  }
-}

data/source/css/scss/components/_spinner.scss

@@ -1,64 +0,0 @@
-// ==========================================================================
-// Spinner
-// ==========================================================================
-
-// Pulled from purple.heroku for most of it
-
-$spinner-dot-size: 7px;
-$spinner-color: $purple;
-
-.spinner {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  width: ($spinner-dot-size * 3) + 10;
-  height: $spinner-dot-size;
-  text-align: center;
-
-  > span {
-    vertical-align: top;
-    display: inline-block;
-    width: $spinner-dot-size;
-    height: $spinner-dot-size;
-    border-radius: $border-radius-circle;
-    background: $spinner-color;
-
-    .purple & {
-      background: $white;
-    }
-
-    @include animation(pulse 1s infinite ease-in-out);
-    @include animation-fill-mode(both);
-
-    &:first-child {
-      float: left;
-      @include animation-delay(-0.32s);
-    }
-
-    &:nth-child(1) {
-      @include animation-delay(-0.16s);
-    }
-
-    &:nth-child(2) {
-      float: right;
-    }
-  }
-
-  &.spinner-centered {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    @include transform(translateX(-50%) translateY(-50%));
-  }
-
-  .btn-saving & {
-    width: 15px;
-    opacity: .6;
-    margin-right: 8px;
-
-    .spinner > span {
-      width: 3px;
-      height: 3px;
-    }
-  }
-}

data/source/css/scss/globals/_mixins.scss

@@ -1,45 +0,0 @@
-// ==========================================================================
-// Mixins (not provided by Bourbon)
-// ==========================================================================
-
-@mixin horizontal-line($position, $from: $white, $to: #ddd, $width: 2px, $inflection: 35%) {
-  @include background-image(linear-gradient(left, $from, $to 0% + $inflection, $to 100% - $inflection, $from));
-
-  background-position: $position center;
-  background-repeat: no-repeat;
-  background-size: 100% $width;
-}
-
-@mixin vertical-line($position, $from: $white, $to: #ddd, $width: 2px, $inflection: 35%) {
-  @include background-image(linear-gradient(top, $from, $to 0% + $inflection, $to 100% - $inflection, $from));
-
-  background-position: $position center;
-  background-repeat: no-repeat;
-  background-size: $width 100%;
-}
-
-.pad-{
-  &top {
-    padding-top: $pad;
-  }
-  &bottom {
-    padding-bottom: $pad;
-  }
-  &top-bottom {
-    padding-top: $pad;
-    padding-bottom: $pad;
-  }
-}
-
-.space-{
-  &top {
-    padding-top: $space;
-  }
-  &bottom {
-    padding-bottom: $space;
-  }
-  &top-bottom {
-    padding-top: $space;
-    padding-bottom: $space;
-  }
-}