flat-ui-sass 2.1.3

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

@@ -0,0 +1,45 @@
+// Flat UI main stylesheet that aggregates all modules
+
+// Flat-UI-Icons
+@import "flat-ui/modules/glyphicons";
+
+// Utility mixins for greater good
+@import "flat-ui/mixins";
+
+@import "flat-ui/modules/scaffolding";
+
+// Modules
+@import "flat-ui/modules/type";
+@import "flat-ui/modules/code";
+@import "flat-ui/modules/thumbnails";
+@import "flat-ui/modules/buttons";
+@import "flat-ui/modules/button-groups";
+@import "flat-ui/modules/caret";
+@import "flat-ui/modules/select";
+@import "flat-ui/modules/forms";
+@import "flat-ui/modules/input-icons";
+@import "flat-ui/modules/input-groups";
+@import "flat-ui/modules/checkbox-and-radio";
+@import "flat-ui/modules/navbar";
+@import "flat-ui/modules/tagsinput";
+@import "flat-ui/modules/typeahead";
+@import "flat-ui/modules/progress-bars";
+@import "flat-ui/modules/slider";
+@import "flat-ui/modules/pager";
+@import "flat-ui/modules/pagination";
+@import "flat-ui/modules/tooltip";
+@import "flat-ui/modules/dropdown";
+@import "flat-ui/modules/switch";
+@import "flat-ui/modules/share";
+
+// Examples
+@import "flat-ui/modules/palette";
+@import "flat-ui/modules/tile";
+@import "flat-ui/modules/todo";
+@import "flat-ui/modules/video";
+@import "flat-ui/modules/login";
+
+@import "flat-ui/modules/footer";
+
+// Spaces
+@import "flat-ui/spaces";

data/vendor/assets/stylesheets/flat-ui/modules/_button-groups.scss

@@ -0,0 +1,110 @@
+//
+// Button groups
+// --------------------------------------------------
+
+// Button carets
+//
+// Match the button text color to the arrow/caret for indicating dropdown-ness.
+
+.caret {
+  .btn-default & {
+    border-top-color: $btn-default-color;
+  }
+  .btn-primary &,
+  .btn-success &,
+  .btn-warning &,
+  .btn-danger &,
+  .btn-info & {
+    border-top-color: $inverse;
+  }
+}
+.dropup {
+  & .btn-default .caret {
+    border-bottom-color: $btn-default-color;
+  }
+  .btn-primary,
+  .btn-success,
+  .btn-warning,
+  .btn-danger,
+  .btn-info {
+   .caret {
+      border-bottom-color: $inverse;
+    }
+  }
+}
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-xs > .btn { @extend .btn-xs; }
+.btn-group-sm > .btn { @extend .btn-sm; }
+.btn-group-lg > .btn { @extend .btn-lg; }
+.btn-group-gh > .btn { @extend .btn-hg; }
+
+
+.btn-group {
+  > .btn {
+    & + .btn {
+      margin-left: 0;
+    }
+    & + .dropdown-toggle {
+      border-left: 2px solid fade($brand-primary, 15%);
+      padding-left: 12px;
+      padding-right: 12px;
+
+      .caret {
+        margin-left: 3px;
+        margin-right: 3px;
+      }
+    }
+    &.btn-gh + .dropdown-toggle {
+      .caret {
+        margin-left: 7px;
+        margin-right: 7px;
+      }
+    }
+    &.btn-sm + .dropdown-toggle {
+      .caret {
+        margin-left: 0;
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.dropdown-toggle {
+  .caret {
+    margin-left: 8px;
+  }
+}
+
+.btn-group > .btn,
+.btn-group > .dropdown-menu,
+.btn-group > .popover {
+  font-weight: 400;
+}
+
+.btn-group:focus .dropdown-toggle {
+  outline: none;
+  @include transition(.25s);
+}
+
+// The clickable button for toggling the menu
+// Remove the gradient and set the same inset shadow as the :active state
+.btn-group.open .dropdown-toggle {
+  color: fade($btn-default-color, 75%);
+  @include box-shadow(none);
+}
+
+// Other button locations
+// Button with icon inside
+.btn-toolbar .btn {
+  &.active {
+    color: $btn-default-color;
+  }
+  > [class^="fui-"] {
+    font-size: $icon-normal;
+    margin: 0 1px;
+  }
+}

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

@@ -0,0 +1,151 @@
+//
+// Buttons
+// --------------------------------------------------
+
+// Base styles
+// --------------------------------------------------
+.btn {
+  border: none;
+  font-size: $btn-font-size-base;
+  font-weight: $btn-font-weight;
+  line-height: $btn-line-height-base;
+  border-radius: $border-radius-base;
+  padding: 10px 15px;
+  -webkit-font-smoothing: subpixel-antialiased;
+  @include transition(border .25s linear, color .25s linear, background-color .25s linear);
+  
+
+  &:hover,
+  &:focus {
+    outline: none;
+    color: $btn-default-color;    
+  }
+
+  &:active,
+  &.active {
+    outline: none;
+    @include box-shadow(none);
+  }
+
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    background-color: $btn-link-disabled-color;
+    color: fade($btn-default-color, 75%);
+    @include opacity(.7);
+  }
+
+  // Button icons
+  // --------------------------------------------------
+  > [class^="fui-"] {
+    margin: 0 1px;
+    position: relative;
+    line-height: 1;
+    top: 1px;
+    
+    // [converter] extracted .btn-hg& to .btn-hg> [class^="fui-"] 
+  }
+
+  // [converter] extracted .btn-xs& to .btn-xs> [class^="fui-"]
+  .btn-hg> [class^="fui-"] {
+    top: 2px;
+  }
+
+  .btn-xs> [class^="fui-"] {
+    font-size: 11px;
+    top: 0;
+  }  
+}
+
+// Alternate buttons
+// --------------------------------------------------
+.btn-default {
+  @include button-variant($btn-default-color, $btn-default-bg, $btn-hover-bg, $btn-active-bg);
+}
+.btn-primary {
+  @include button-variant($btn-default-color, $brand-secondary, $btn-primary-hover-bg, $btn-primary-active-bg);
+}
+.btn-info    {
+  @include button-variant($btn-default-color, $brand-info, $btn-info-hover-bg, $btn-info-active-bg);
+}
+.btn-danger  {
+  @include button-variant($btn-default-color, $brand-danger, $btn-danger-hover-bg, $btn-danger-active-bg);
+}
+.btn-success {
+  @include button-variant($btn-default-color, $brand-success, $btn-success-hover-bg, $btn-success-active-bg);
+}
+.btn-warning {
+  @include button-variant($btn-default-color, $brand-warning, $btn-warning-hover-bg, $btn-warning-active-bg);
+}
+.btn-inverse {
+  @include button-variant($btn-default-color, $brand-primary, $btn-inverse-hover-bg, $btn-inverse-active-bg);    
+}
+.btn-embossed {
+  @include box-shadow(inset 0 -2px 0 fade(black, 15%));
+  
+  &.active,
+  &:active {
+    @include box-shadow(inset 0 2px 0 fade(black, 15%));
+  }
+}
+.btn-wide {
+  min-width: 140px;
+  padding-left: 30px;
+  padding-right: 30px;
+}
+  
+ 
+// Link buttons
+// -------------------------
+
+// Make a button look and behave like a link
+.btn-link {
+  color: $link-color;
+
+  &:hover,
+  &:focus {
+    color: $link-hover-color;
+    text-decoration: underline;
+    background-color: transparent;
+  }
+  &[disabled],
+  fieldset[disabled] & {
+    &:hover,
+    &:focus {
+      color: $btn-link-disabled-color;
+      text-decoration: none;
+    }
+  }
+} 
+  
+
+// Button sizes
+// --------------------------------------------------
+
+.btn-hg {
+  @include button-size(13px, 20px, $btn-font-size-hg, $btn-line-height-hg, $border-radius-large);
+}
+.btn-lg {
+  @include button-size(10px, 19px, $btn-font-size-lg, $btn-line-height-lg, $border-radius-large);
+}
+.btn-sm {
+  @include button-size(9px, 13px, $btn-font-size-sm, $btn-line-height-sm, $border-radius-base);
+}
+.btn-xs {
+  @include button-size(6px, 9px, $btn-font-size-xs, $btn-line-height-xs, $border-radius-small);
+}  
+  
+
+// Button tip
+.btn-tip {
+  font-weight: 300;
+  padding-left: 10px;
+  font-size: 92%;
+}
+
+// Block button
+// --------------------------------------------------
+
+.btn-block {
+  white-space: normal;
+}

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

@@ -0,0 +1,30 @@
+//
+// Caret
+// --------------------------------------------------
+
+.caret {
+  border-width: 8px 6px;
+  border-bottom-color: $brand-primary;  
+  border-top-color: $brand-primary;
+  border-style: solid;
+  border-bottom-style: none;
+  @include transition(.25s);
+  @include scale(1.001);
+}
+
+@mixin caret($color: $brand-primary) {
+  border-bottom-color: $color;
+  border-top-color: $color;
+}
+
+.dropup .caret,
+.dropup .btn-lg .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  border-bottom-width: 8px;
+}
+
+.btn-lg .caret {
+  border-top-width: 8px;
+  border-right-width: 6px;
+  border-left-width: 6px;
+}

data/vendor/assets/stylesheets/flat-ui/modules/_checkbox-and-radio.scss

@@ -0,0 +1,143 @@
+//
+// Checkbox & Radio
+// --------------------------------------------------
+
+.checkbox,
+.radio {
+  margin-bottom: 12px;
+  padding-left: 32px;
+  position: relative;
+  @include transition(color .25s linear);
+  font-size: ceil($component-font-size-base * 0.933); // ~14px
+  line-height: 1.5; // 21px;
+  
+  input {
+    outline: none !important;
+    display: none;
+  }
+
+  // Replace icons
+  // --------------------------------------------------
+  .icons {
+    color: $gray-light;
+    display: block;
+    height: 20px;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 20px;
+    text-align: center;
+    line-height: 21px;
+    font-size: 20px;
+    cursor: pointer;    
+    @include transition(color .25s linear);
+
+    .first-icon,
+    .second-icon {
+      display: inline-table;
+      position: absolute;
+      left: 0;
+      top: 0;
+      background-color: transparent;
+      margin: 0;
+      @include opacity(1);
+    }
+    .second-icon {
+      @include opacity(0);
+    }
+  }
+
+  // Alternate States
+  // --------------------------------------------------
+
+  // Hover State
+  &:hover {
+   @include transition(color .25s linear);
+
+    .first-icon {
+      @include opacity(0);
+    }
+    .second-icon {
+      @include opacity(1);
+    }
+  }
+
+  // Checked State
+  &.checked {
+    color: $brand-secondary;
+
+    .first-icon {
+      @include opacity(0);
+    }
+    .second-icon {
+      @include opacity(1);
+      color: $brand-secondary;
+     @include transition(color .25s linear);
+    }
+  }
+
+  // Disabled state
+  &.disabled {
+    cursor: default;
+    color: mix($gray-light, white, 38%);
+
+    .icons {
+      color: mix($gray-light, white, 38%);
+    }
+    .first-icon {
+      @include opacity(1);
+    }
+    .second-icon {
+      @include opacity(0);
+    }
+    &.checked {
+      .icons {
+        color: mix($gray-light, white, 38%);
+      }
+      .first-icon {
+        @include opacity(0);
+      }
+      .second-icon {
+        @include opacity(1);
+        color: mix($gray-light, white, 38%);
+      }
+    }
+  }
+
+  // Alternate Color
+  // --------------------------------------------------
+
+  // Primary
+  &.primary {
+    .icons {
+      color: $brand-primary;
+    }
+    // Checked State
+    &.checked {
+      color: $brand-secondary;
+
+      .icons {
+        color: $brand-secondary;
+      }
+    }
+    // Disabled state
+    &.disabled {
+      cursor: default;
+      color: $gray-light;
+
+      .icons {
+        color: $gray-light;
+      }
+      &.checked {
+        .icons {
+          color: $gray-light;
+        }
+      }
+    }
+  }
+}
+
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: 10px;
+}