paint-rails 0.6.7 → 0.7.24

data/vendor/assets/stylesheets/bower_components/jquery/src/core.js

@@ -478,7 +478,12 @@ jQuery.each("Boolean Number String Function Array Date RegExp Object Error".spli
 });
 
 function isArraylike( obj ) {
-	var length = obj.length,
+
+	// Support: iOS 8.2 (not reproducible in simulator)
+	// `in` check used to prevent JIT error (gh-2145)
+	// hasOwn isn't used here due to false negatives
+	// regarding Nodelist length in IE
+	var length = "length" in obj && obj.length,
 		type = jQuery.type( obj );
 
 	if ( type === "function" || jQuery.isWindow( obj ) ) {

data/vendor/assets/stylesheets/circle.yml

@@ -0,0 +1,17 @@
+machine:
+  environment:
+    PATH: "${PATH}:${HOME}/${CIRCLE_PROJECT_REPONAME}/node_modules/.bin"
+  node:
+    version: 0.12.0
+
+test:
+  override:
+    - ./bin/ci
+
+dependencies:
+  override:
+    - ./bin/setup
+  cache_directories:
+    - "bower_components"
+    - "~/.rvm/gems/"
+

data/vendor/assets/stylesheets/components/_button.scss

@@ -1,9 +1,23 @@
-@import "icon";
+@import 'icon';
 
 $button-base-background-color: $white !default;
 $button-base-text-color: $jumbo !default;
+$button-base-padding: 15px !default;
 $button-icon-size: 28px !default;
-$button-primary-background-color: #008fd9 !default;
+$button-disabled-transparency: .4 !default;
+$button-disabled-hover-transparency: .2 !default;
+$button-tiny-height: 24px !default;
+$button-small-height: 38px !default;
+$button-large-height: 50px !default;
+
+$button-colours: (
+  primary: #008fd9,
+  secondary: $secondary-color,
+  error: $alert-color,
+  warning: $warning-color,
+  success: $success-color,
+  info: $info-color
+);
 
 $include-html-paint-button: true !default;
 
@@ -12,6 +26,28 @@ $include-html-paint-button: true !default;
   @include icon($icon);
 }
 
+@mixin button-disabled() {
+  background-color: transparentize(
+    $button-base-background-color,
+    $button-disabled-transparency);
+  border-color: darken($button-base-background-color, 5%);
+  box-shadow: none;
+  color: transparentize(
+    $button-base-text-color,
+    $button-disabled-transparency);
+  cursor: not-allowed;
+
+  &:hover,
+  &:focus {
+    background-color: transparentize(
+      $button-base-background-color,
+      $button-disabled-hover-transparency);
+    color: transparentize(
+      $button-base-text-color,
+      $button-disabled-hover-transparency);
+  }
+}
+
 %button-icon {
   margin-bottom: 0;
   padding: 0;
@@ -25,11 +61,12 @@ $include-html-paint-button: true !default;
 
 %button {
   @include button-base;
+  @include single-transition(color, 150ms, ease);
 
   background-color: $button-base-background-color;
-  color: $button-base-text-color;
   border: 1px solid lighten($button-base-text-color, 20%);
   border-radius: $global-radius;
+  color: $button-base-text-color;
 
   &:hover {
     color: darken($button-base-text-color, 20%);
@@ -38,33 +75,95 @@ $include-html-paint-button: true !default;
   &:focus {
     outline: 0;
   }
+
+  &:disabled,
+  &.disabled,
+  &[disabled] {
+    @include button-disabled;
+  }
 }
 
-%button-primary {
-  @include button(
-    $bg: $white,
-    $padding: $column-gutter / 2,
-    $radius: $global-radius
-  );
+@mixin button-color-placeholders {
+  @each $type, $button-color in $button-colours {
+    %button-#{$type} {
+      @include button(
+        $bg: $white,
+        $radius: $global-radius,
+        $bg-hover: $button-color,
+        $border-color: $button-color
+      );
 
-  border: 1px solid $button-primary-background-color;
-  color: $button-primary-background-color;
-  font-size: $small-font-size;
-  font-weight: $font-weight-bold;
-  text-transform: uppercase;
+      border: 1px solid $button-color;
+      color: $button-color;
+      font-size: $small-font-size;
+      font-weight: $font-weight-bold;
+      margin-bottom: 0;
+      padding: $button-base-padding;
+      text-transform: uppercase;
 
-  &:focus {
-    background-color: $white;
-    color: $button-primary-background-color;
+      &:focus {
+        background-color: $white;
+        color: $button-color;
+      }
+
+      &:hover {
+        color: $white;
+      }
+    }
   }
+}
 
-  &:hover {
-    background-color: $button-primary-background-color;
-    color: $white;
+%button-tiny {
+  line-height: $button-tiny-height;
+  padding: 0 $button-base-padding / 2;
+}
+
+%button-small {
+  line-height: $button-small-height;
+  padding: 0 $button-base-padding / 2;
+}
+
+%button-large {
+  line-height: $button-large-height;
+  padding: 0 $button-base-padding * 2;
+}
+
+%button-group {
+  @include button-group-container;
+
+  display: inline-block;
+
+  &:not(:first-child) {
+    padding-left: $button-base-padding;
+  }
+
+  > li {
+    @include button-group-style($radius: $global-radius, $float: null);
+
+    button {
+      border-color: $global-section-border-color;
+      border-left: 0;
+      line-height: $button-icon-size;
+      padding: 0 $button-base-padding;
+
+      &:before {
+        display: inline-block;
+      }
+
+      &:not(:empty):before {
+        margin-left: -$button-base-padding;
+      }
+    }
+
+    &:first-child button {
+      border-left: solid 1px $global-section-border-color;
+    }
   }
 }
 
-@include exports("paint-button") {
+@include exports('paint-button') {
+  @include button-color-placeholders;
+
   @if $include-html-paint-button {
     button {
       @extend %button;

data/vendor/assets/stylesheets/components/_dropdown.scss

@@ -1,27 +1,329 @@
+$dropdown-background-color: $white !default;
+$dropdown-border-color: $global-section-border-color !default;
+$dropdown-z-index: 100 !default;
+$dropdown-link-color: $body-font-color !default;
+$dropdown-link-hover-color: $black !default;
+$dropdown-link-hover-background-color: $global-section-border-color !default;
+$dropdown-link-active-color: $dropdown-link-color !default;
+$dropdown-link-active-background-color: lighten($dropdown-link-hover-background-color, 50%) !default;
+$dropdown-link-disabled-color: lighten($dropdown-link-color, 50%) !default;
+$dropdown-search-inner-padding: 3px;
+$dropdown-search-icon-size: 32px;
+$dropdown-search-results-height: 15em;
+
+$include-html-paint-dropdown: true !default;
+
+@mixin dropdown-triangle($size, $color, $direction) {
+  $background-color: if(length($color) == 2, nth($color, 2), transparent);
+  $foreground-color: nth($color, 1);
+  $height: nth($size, length($size));
+  $width: nth($size, 1);
+
+  content: '';
+  height: 0;
+  position: absolute;
+  width: 0;
+
+  @if ($direction == top) or ($direction == bottom) or ($direction == right) or ($direction == left) {
+    $width: $width / 2;
+    $height: if(length($size) > 1, $height, $height/2);
+
+    @if $direction == bottom {
+      border-bottom: $height solid $foreground-color;
+      border-left: $width solid $background-color;
+      border-right: $width solid $background-color;
+      left: $size;
+      top: - $size / 2;
+
+    } @else if $direction == left {
+      border-bottom: $width solid $background-color;
+      border-left: $height solid $foreground-color;
+      border-top: $width solid $background-color;
+      right: - $size / 2;
+      top: $size / 2;
+
+    } @else if $direction == top {
+      border-left: $width solid $background-color;
+      border-right: $width solid $background-color;
+      border-top: $height solid $foreground-color;
+      bottom: - $size / 2;
+      left: $size;
+
+    } @else if $direction == right {
+      border-bottom: $width solid $background-color;
+      border-right: $height solid $foreground-color;
+      border-top: $width solid $background-color;
+      left: - $size / 2;
+      top: $size / 2;
+    }
+  }
+}
+
+@mixin dropdown-directions {
+  $directions: (
+    bottom: (
+      left: 0,
+      top: 100%
+    ),
+    top: (
+      bottom: 100%,
+      top: auto
+    ),
+    left: (
+      left: 0,
+      right: auto,
+      top: 0
+    ),
+    right: (
+      left: auto,
+      right: 0,
+      top: 0
+    )
+  );
+
+  $other-directions-string: '';
+
+  @each $direction, $properties in $directions {
+    &.#{$direction} {
+      @each $property, $value in $properties {
+        #{$property}: #{$value};
+      }
+
+      &:before {
+        @include dropdown-triangle(12px, $white, $direction);
+      }
+    }
+
+    $other-directions-string: $other-directions-string + ':not(.#{$direction})';
+  }
+
+  &#{$other-directions-string} {
+    &:before {
+      @include dropdown-triangle(12px, $white, bottom);
+    }
+  }
+}
+
+@mixin dropdown-with-search() {
+  .input {
+    cursor: auto;
+    padding: $dropdown-search-inner-padding
+      $dropdown-search-inner-padding * 2;
+    position: relative;
+
+    &:hover {
+      background-color: transparent;
+    }
+
+    > div,
+    .icon {
+      height: $dropdown-search-icon-size;
+      left: $dropdown-search-inner-padding;
+      margin: $dropdown-search-inner-padding * 2 0;
+      overflow: hidden;
+      position: absolute;
+      text-align: center;
+      top: $dropdown-search-inner-padding;
+      width: $dropdown-search-icon-size;
+
+      i {
+        @include icon(search);
+
+        color: $primary-color;
+        line-height: $dropdown-search-icon-size;
+      }
+    }
+
+    > input {
+      @include form-input;
+
+      height: $dropdown-search-icon-size;
+      line-height: $dropdown-search-icon-size;
+      margin: $dropdown-search-inner-padding * 2 0;
+      padding-left: $dropdown-search-icon-size;
+      width: 100%;
+    }
+  }
+
+  .results {
+    margin: 0;
+    max-height: $dropdown-search-results-height;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    padding: 0;
+
+    > ul {
+      margin: 0;
+      padding: 0;
+
+      > li {
+        @extend %dropdown-item;
+
+        cursor: pointer;
+        padding: $dropdown-search-inner-padding
+          $column-gutter / 4;
+
+        &:hover {
+          background-color: $dropdown-link-hover-background-color;
+        }
+      }
+    }
+  }
+}
+
 %dropdown {
-  @include dropdown-container(list, bottom);
+  position: relative;
+
+  .toggle:focus {
+    outline: 0;
+  }
+
+  > ul {
+    @include dropdown-directions;
+
+    background-clip: padding-box;
+    background-color: $dropdown-background-color;
+    border: 1px solid $dropdown-border-color;
+    border-radius: $global-radius / 2;
+    box-shadow: 0 2px 3px rgba(0, 0, 0, .175);
+    display: none;
+    float: left;
+    font-size: $base-font-size;
+    list-style: none;
+    margin: 0;
+    min-width: 100px;
+    position: absolute;
+    text-align: left;
+    z-index: $dropdown-z-index;
+
+    .divider {
+      border-bottom: 1px solid $dropdown-border-color;
+      margin: $column-gutter / 4;
+    }
 
-  padding-left: 0;
+    > li {
+      @extend %dropdown-item;
+    }
 
-  &.drop-#{$opposite-direction} {
-    @include dropdown-container(list, #{$default-float});
+    &.open {
+      display: block;
+    }
+  }
+}
+
+%dropdown-item {
+  border-bottom: 1px solid $dropdown-border-color;
+
+  &:last-child {
+    border-bottom: 0;
   }
 
-  &.drop-#{$default-float} {
-    @include dropdown-container(list, #{$opposite-direction});
+  &.active > a {
+    &,
+    &:hover,
+    &:focus {
+      background-color: $dropdown-link-active-background-color;
+      color: $dropdown-link-active-color;
+      outline: 0;
+      text-decoration: none;
+    }
   }
 
-  &.drop-top {
-    @include dropdown-container(list, top);
+  &.disabled > a {
+    &,
+    &:hover,
+    &:focus {
+      color: $dropdown-link-disabled-color;
+    }
+
+    &:hover,
+    &:focus {
+      background-color: transparent;
+      cursor: not-allowed;
+      text-decoration: none;
+    }
   }
 
-  &.drop-#{$opposite-direction},
-  &.drop-#{$default-float},
-  &.drop-top {
-    width: auto;
+  > a {
+    clear: both;
+    color: $dropdown-link-color;
+    cursor: pointer;
+    display: block;
+    font-weight: $font-weight-normal;
+    line-height: $base-line-height;
+    padding: 0 $column-gutter / 2;
+    white-space: nowrap;
+
+    &:hover,
+    &:focus {
+      background-color: $dropdown-link-hover-background-color;
+      color: $dropdown-link-hover-color;
+      text-decoration: none;
+    }
   }
+}
+
+%dropdown-inline {
+  > ul {
+    line-height: 0;
+    min-width: 0;
+    padding: 0;
+    text-align: center;
+    white-space: nowrap;
+
+    > li {
+      display: inline-block;
+    }
+  }
+}
+
+%dropdown-inverted {
+  > ul {
+    background-color: $dropdown-link-hover-background-color;
+    color: $dropdown-link-hover-color;
+
+    > li:hover,
+    > li a:hover {
+      background-color: $dropdown-background-color;
+      color: $dropdown-link-color;
+    }
+  }
+}
+
+%dropdown-over {
+  > ul {
+    top: 0;
+
+    &:before {
+      display: none;
+    }
+  }
+}
+
+@include exports('paint-dropdown') {
+  @if $include-html-paint-dropdown {
+    .dropdown {
+      @extend %dropdown;
+    }
+
+    .dropdown-inline {
+      @extend %dropdown;
+      @extend %dropdown-inline;
+    }
+
+    .dropdown-inverted {
+      @extend %dropdown;
+      @extend %dropdown-inverted;
+    }
+
+    .dropdown-over {
+      @extend %dropdown;
+      @extend %dropdown-over;
+    }
 
-  li {
-    @include dropdown-style;
+    .dropdown-search {
+      @extend %dropdown;
+      @include dropdown-with-search;
+    }
   }
 }