flat-ui-sass 2.1.3

data/vendor/assets/stylesheets/flat-ui/modules/_share.scss

@@ -0,0 +1,44 @@
+//
+// Sharing box
+// --------------------------------------------------
+
+// Module color variable
+$share-color: mix($brand-primary, $inverse, 8%);
+
+.share {
+  background-color: $share-color;
+  position: relative;
+  border-radius: $border-radius-large;
+  @include dropdown-arrow($share-color, -9px, 23px);  
+
+  ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 15px;
+  }
+  li {
+    font-size: $component-font-size-base;
+    line-height: 1.4;
+    padding-top: 11px;
+    @include clearfix();
+    
+    &:first-child {
+      padding-top: 0;
+    }  
+  }
+  .toggle {
+    float: right;
+    margin: 0;
+  }
+  .btn {
+    border-radius: 0 0 $border-radius-large $border-radius-large;
+  }  
+}    
+
+.share-label {
+  float: left;
+  font-size: 15px;
+  line-height: 1.4;
+  padding-top: 5px;
+  width: 50%;
+}

data/vendor/assets/stylesheets/flat-ui/modules/_slider.scss

@@ -0,0 +1,105 @@
+// Slider
+// --------------------------------------------------
+
+// Default controls
+// -------------------------
+
+.ui-slider {
+  @extend .progress;
+  margin-bottom: 20px;
+  position: relative;
+  cursor: pointer;
+}
+
+.ui-slider-handle {
+  background-color: $slider-handle-bg;
+  border-radius: 50%;
+  cursor: pointer;
+  height: 18px;  
+  position: absolute;  
+  width: 18px;
+  z-index: 2;
+  @include transition(background .25s);
+  
+  &:hover,
+  &:focus {
+    background-color: $slider-handle-hover-bg;
+    outline: none;
+  }
+  &:active {
+    background-color: $slider-handle-active-bg;
+  }
+}
+
+.ui-slider-range {
+  background-color: $slider-range-bg;  
+  display: block;
+  height: 100%;
+  position: absolute;
+  z-index: 1;
+}
+
+// Segments
+// -------------------------
+.ui-slider-segment {
+  background-color: $slider-segment-bg;
+  border-radius: 50%;  
+  height: 6px;  
+  width: 6px;
+}
+
+// Values
+// -------------------------
+.ui-slider-value {
+  float: right;
+  font-size: $slider-value-font-size;
+  margin-top: $slider-height;
+  
+  &.first {
+    clear: left;
+    float: left;
+  }
+}
+
+// Horizontal orientation
+// -------------------------
+
+.ui-slider-horizontal {
+  .ui-slider-handle {
+    margin-left: -9px;
+    top: -3px;
+
+    &[style*="100"] {
+      margin-left: -15px;
+    }
+  }
+  .ui-slider-range {
+    border-radius: 30px 0 0 30px;
+  }
+  .ui-slider-segment {
+    float: left;
+    margin: 3px -6px 0 0;
+  }
+}
+
+// Vertical orientation
+// -------------------------
+
+.ui-slider-vertical {
+  width: $slider-height;
+
+  .ui-slider-handle {
+    margin-left: -3px;
+    margin-bottom: -11px;
+    top: auto;
+  }
+  .ui-slider-range {
+    width: 100%;
+    bottom: 0;
+    border-radius: 0 0 30px 30px;
+  }
+  .ui-slider-segment {
+    position: absolute;
+    right: 3px;
+  }
+}

data/vendor/assets/stylesheets/flat-ui/modules/_switch.scss

@@ -0,0 +1,150 @@
+/* ============================================================
+ * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
+ * http://www.larentis.eu/switch/
+ * ============================================================
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * ============================================================ */
+
+.has-switch {
+  border-radius: $switch-border-radius;
+  display: inline-block;
+  cursor: pointer;
+  line-height: $line-height-base;
+  overflow: hidden;
+  position: relative;
+  text-align: left;
+  width: $switch-width;
+  @include mask(url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/switch/mask.png"), "flat-ui/switch/mask.png")) 0 0 no-repeat);
+  @include user-select(none);
+
+  &.deactivate {
+    @include opacity(.5);
+    cursor: default !important;
+    
+    label,
+    span {
+      cursor: default !important;
+    }
+  }
+
+  > div {
+    width: 130px;
+    position: relative;
+    top: 0;
+
+    &.switch-animate {
+      @include transition(left .25s ease-out);
+    }
+
+    &.switch-off {
+      left: -50px;
+
+      label {
+        background-color: mix($brand-primary, white, 63%);
+        border-color: $gray-light;
+        @include box-shadow(-1px 0 0 fade($inverse, 50%));
+      }
+    }
+
+    &.switch-on {
+      left: 0;
+
+      label {
+        background-color: $brand-secondary;
+      }
+    }
+  }
+
+  input[type=checkbox] {
+    display: none;
+  }
+
+  span {
+    cursor: pointer;
+    font-size: $component-font-size-base; // 15px
+    font-weight: 700;
+    float: left;
+    height: 29px;
+    line-height: 19px;
+    margin: 0;
+    padding-bottom: 6px;
+    padding-top: 5px;
+    position: relative;
+    text-align: center;
+    width: 50%;
+    z-index: 1;
+    @include transition(.25s ease-out);
+
+    &.switch-left {
+      border-radius: $switch-border-radius 0 0 $switch-border-radius;
+      background-color: $brand-primary;
+      color: $brand-secondary;
+      border-left: 1px solid transparent;
+    }
+
+    &.switch-right {
+      border-radius: 0 $switch-border-radius $switch-border-radius 0;
+      background-color: $gray-light;
+      color: $inverse;
+      text-indent: 7px;
+
+      [class*="fui-"] {
+        text-indent: 0;
+      }
+    }
+  }
+
+  label {
+    border: 4px solid $brand-primary;
+    border-radius: 50%;
+    float: left;
+    height: 29px;
+    margin: 0 -15px;
+    padding: 0;
+    position: relative;
+    vertical-align: middle;
+    width: 29px;
+    z-index: 100;
+    @include transition(.25s ease-out);
+  }
+}
+
+// Square Switch
+// -------------------------------
+.switch-square {
+  border-radius: $border-radius-large;
+  @include mask(url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/switch/mask.png"), "flat-ui/switch/mask.png")) 0 0 no-repeat);
+
+  > div {
+    &.switch-off {
+      label {
+        border-color: mix($brand-primary, white, 63%);
+        border-radius: $border-radius-large 0 0 $border-radius-large;
+      }
+    }
+  }
+
+  span {
+    &.switch-left {
+      border-radius: $border-radius-large 0 0 $border-radius-large;
+      
+      [class*="fui-"] {
+        text-indent: -10px;
+      }
+    }
+
+    &.switch-right {
+      border-radius: 0 $border-radius-large $border-radius-large 0;
+      
+      [class*="fui-"] {
+        text-indent: 5px;
+      }
+    }
+  }
+
+  label {
+    border-radius: 0 $border-radius-large $border-radius-large 0;
+    border-color: $brand-secondary;
+  }
+}

data/vendor/assets/stylesheets/flat-ui/modules/_tagsinput.scss

@@ -0,0 +1,121 @@
+//
+// Tags Input
+// --------------------------------------------------
+
+.tagsinput {
+  background: white;
+  border: 2px solid $brand-secondary;
+  border-radius: $border-radius-large;
+  height: 100px;
+  margin-bottom: 18px;
+  padding: 6px 1px 1px 6px;
+  overflow-y: auto;
+  text-align: left;
+
+  .tag {    
+    border-radius: $border-radius-base;
+    background-color: $brand-secondary;
+    color: $inverse;
+    font-size: ceil($component-font-size-base * 0.933); // ~14px
+    cursor: pointer;
+    display: inline-block;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    overflow: hidden;
+    line-height: 15px;
+    padding: 6px 13px 8px 19px;
+    position: relative;
+    vertical-align: middle;
+    @include transition(.25s linear);
+
+    &:hover {
+      background-color: mix($brand-secondary, black, 85%);
+      color: $inverse;
+      padding-left: 12px;
+      padding-right: 20px;
+      
+      .tagsinput-remove-link {
+        color: $inverse;
+        opacity: 1;
+        // Opacity fallback for IE
+        display: block\9;
+      }
+    }
+  }
+
+  input {
+    background: transparent;
+    border: none;
+    color: $brand-primary;
+    font-family: $font-family-base;
+    font-size: ceil($component-font-size-base * 0.933); // ~14px
+    margin: 0px;
+    padding: 0 0 0 5px;
+    outline: none !important;
+    margin: 6px 5px 0 0;
+    vertical-align: top;
+    width: 12px;
+  }
+}
+
+.tagsinput-remove-link {
+  bottom: 0;
+  color: $inverse;
+  cursor: pointer;
+  font-size: 12px;
+  opacity: 0;
+  padding: 7px 7px 5px 0;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  text-decoration: none;
+  top: 0;
+  width: 100%;
+  z-index: 2;
+  // Opacity fallback for IE
+  display: none\9;
+  
+  &:before {
+    color: $inverse;
+    content: "\e00b";
+    font-family: "Flat-UI-Icons";
+  }
+}
+
+.tagsinput-add-container {
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.tagsinput-add {  
+  background-color: mix($inverse, $brand-primary, 80%);
+  border-radius: $border-radius-small;
+  color: $inverse;
+  cursor: pointer;
+  display: inline-block;
+  font-size: ceil($component-font-size-base * 0.933); // ~14px
+  line-height: 1;
+  margin-bottom: 5px;
+  padding: 7px 9px;
+  vertical-align: top;
+  @include transition(.25s linear);
+  
+  &:hover {
+    background-color: $brand-secondary;
+  }
+  &:before {
+    content: "\e009";
+    font-family: "Flat-UI-Icons";
+  }
+}
+
+.tags_clear {
+  clear: both;
+  width: 100%;
+  height: 0px;
+}
+.not_valid {
+  background: #fbd8db !important;
+  color: #90111a !important;
+  margin-left: 5px !important;
+}

data/vendor/assets/stylesheets/flat-ui/modules/_thumbnails.scss

@@ -0,0 +1,38 @@
+//
+// Thumbnails
+// --------------------------------------------------
+
+
+// Mixin and adjust the regular image class
+.thumbnail {
+  display: block;
+  padding: $thumbnail-padding;
+  margin-bottom: 5px;
+  line-height: $line-height-base;
+  background-color: $thumbnail-bg;
+  border: 2px solid $thumbnail-border;
+  border-radius: $thumbnail-border-radius;
+  @include transition(all .25s ease-in-out);
+
+  > img,
+  a > img {
+    @include img-responsive();
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
+
+  // Image captions
+  .caption {
+    padding: $thumbnail-caption-padding;
+    color: $thumbnail-caption-color;
+  }
+}
+
+// Add a hover state for linked versions only
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: $link-color;
+}