flat-ui-sass 2.1.3

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

@@ -0,0 +1,51 @@
+//
+// Pager
+// --------------------------------------------------
+
+.pager {
+  background-color: $brand-primary;
+  border-radius: $border-radius-large;
+  color: $inverse;
+  font-size: 16px;
+  font-weight: 700;
+  display: inline-block;
+
+  li {
+    &:first-child {
+      > a,
+      > span {
+        border-left: none;
+        border-radius: $border-radius-large 0 0 $border-radius-large;
+      }
+    }
+
+    > a,
+    > span {
+      background: none;
+      border: none;
+      border-left: 2px solid mix($brand-primary, black, 85%);
+      color: $inverse;
+      padding: $pager-padding;
+      text-decoration: none;
+      white-space: nowrap;
+      border-radius: 0 $border-radius-large $border-radius-large 0;
+      line-height: 1.313;
+
+      &:hover,
+      &:focus {
+        background-color: mix($brand-primary, black, 85%);
+      }
+      &:active {
+        background-color: mix($brand-primary, black, 85%);
+      }
+
+      // Add some spacing between the icon and text
+      [class*="fui-"] + span {
+        margin-left: 8px;
+      }
+      span + [class*="fui-"] {
+        margin-left: 8px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,166 @@
+//
+// Pagination
+// --------------------------------------------------
+
+.pagination {
+  position: relative;
+
+  ul {
+    background: $pagination-color;
+    color: $inverse;
+    padding: 0;
+    margin: 0;
+    display: inline-block;
+    border-radius: $border-radius-large;
+
+    li {
+      display: inline-block;
+      margin-right: -3px;
+      vertical-align: middle;
+
+      // Pseudos and states
+      &:first-child {
+        border-radius: $border-radius-large 0 0 $border-radius-large;
+        
+        &.previous + li {
+          > a,
+          > span {
+            border-left-width: 5px;
+          }
+        }
+      }
+      &:last-child {
+        border-radius: 0 $border-radius-large $border-radius-large 0;
+        margin-right: 0;
+      }
+      &.previous,
+      &.next {
+        > a,
+        > span {
+          background: transparent;
+          border: none;
+          border-right: 2px solid mix($pagination-color, white, 66%);
+          font-size: floor($component-font-size-base * 1.067); // ~16px
+          margin: 0 9px 0 0;
+          padding: 12px 17px;
+          border-radius: $border-radius-large 0 0 $border-radius-large;
+
+          &,
+          &:hover,
+          &:focus {
+            border-color: mix($pagination-color, white, 66%) !important;
+          }
+
+          @media (max-width: 480px) {
+            & {
+              margin-right: 0;
+            }
+          }
+        }
+      }
+      &.next {
+        margin-left: 9px;
+
+        > a,
+        > span {
+          border-left: 2px solid mix($pagination-color, white, 66%);
+          border-right: none;
+          margin: 0;
+          border-radius: 0 $border-radius-large $border-radius-large 0;
+        }
+      }
+      &.active {
+        > a,
+        > span {
+          background-color: $inverse;
+          border-color: $inverse;
+          border-width: 2px !important;
+          color: $pagination-color;
+          margin: 10px 5px 9px;
+
+          &:hover,
+          &:focus {
+            background-color: $inverse;
+            border-color: $inverse;
+            color: $pagination-color;
+          }
+        }
+        &.previous,
+        &.next {
+          border-color: mix($pagination-color, white, 66%);
+
+          > a, > span {
+            margin: 0;
+
+            &,
+            &:hover,
+            &:focus {
+              background-color: $brand-secondary;
+              color: $inverse;
+            }
+          }
+        }
+        &.previous {
+          margin-right: 6px;
+        }
+      }
+
+      // Link
+      > a,
+      > span {
+        display: inline-block;
+        background: $inverse;
+        border: 5px solid $pagination-color;
+        color: $inverse;
+        font-size: ceil($component-font-size-base * 0.889);
+        line-height: 16px;
+        margin: 7px 2px 6px;
+        min-width: 0;
+        min-height: 16px;
+        padding: 0 4px;
+        border-radius: 50px;        
+        @include transition(background .2s ease-out, border-color 0s ease-out, color .2s ease-out);
+
+        &:hover,
+        &:focus {
+          background-color: $brand-secondary;
+          border-color: $brand-secondary;
+          color: $inverse;
+          @include transition(background .2s ease-out, border-color .2s ease-out, color .2s ease-out);
+        }
+        &:active {
+          background-color: mix($brand-secondary, black, 85%);
+          border-color: mix($brand-secondary, black, 85%);
+        }
+      }
+    }
+  }
+
+  // Navigation buttons
+  > .btn {
+    &.previous,
+    &.next {
+      margin-right: 8px;
+      font-size: ceil($component-font-size-base * 0.933); // ~14px
+      line-height: 1.429; // ~20px
+      padding-left: 23px;
+      padding-right: 23px;
+      
+      [class*="fui-"] {
+        font-size: $icon-normal;
+        margin-left: -2px;
+        margin-top: -2px;
+      }
+    }
+
+    &.next {
+      margin-left: 8px;
+      margin-right: 0;
+      
+      [class*="fui-"] {
+        margin-right: -2px;
+        margin-left: 4px;
+      }
+    }
+  } 
+}

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

@@ -0,0 +1,71 @@
+//
+// Palette
+// --------------------------------------------------
+
+.pallete-item {
+  width: 140px;
+  float: left;
+  margin: 0 0 20px 20px;
+}
+.palette {
+  font-size: ceil($component-font-size-base * 0.933); // ~14px
+  line-height: 1.214; // ~17px
+  color: $inverse;
+  margin: 0;
+  padding: 15px;
+  text-transform: uppercase;
+
+  dt,
+  dd {
+    line-height: 1.429;
+  }
+  dt {
+    display: block;
+    font-weight: bold;
+    @include opacity(.8);
+  }
+  dd {
+    font-weight: 300;
+    margin-left: 0;    
+    @include opacity(.8);
+    -webkit-font-smoothing: subpixel-antialiased;
+  }  
+}
+
+//
+// Pallet grid
+// --------------------------------------------------
+@include calc-color("turquoise", "green-sea");
+@include calc-color("emerald", "nephritis");
+@include calc-color("peter-river", "belize-hole");
+@include calc-color("amethyst", "wisteria");
+@include calc-color("wet-asphalt", "midnight-blue");
+
+@include calc-color("sun-flower", "orange");
+@include calc-color("carrot", "pumpkin");
+@include calc-color("alizarin", "pomegranate");
+@include calc-color("clouds", "silver");
+@include calc-color("concrete", "asbestos");
+
+.palette-clouds {
+  color: #bdc3c7;
+}
+
+// Palette paragraph
+.palette-paragraph {
+  color: #7f8c8d;
+  font-size: 12px;
+  line-height: 17px;
+
+  span {
+    color: #bdc3c7;
+  }  
+}
+
+// Headline
+.palette-headline {
+  color: #7f8c8d;
+  font-size: 13px;
+  font-weight: 700;
+  margin-top: -3px;
+}

data/vendor/assets/stylesheets/flat-ui/modules/_progress-bars.scss

@@ -0,0 +1,34 @@
+//
+// Progress bars
+// --------------------------------------------------
+
+// Outer container
+.progress {
+  background: mix($brand-primary, white, 10%);
+  border-radius: 32px;
+  height: $progress-height;
+  @include box-shadow(none);
+}
+
+// Bar of progress
+.progress-bar {
+  background: $brand-secondary;
+  line-height: $progress-height;
+  @include box-shadow(none);
+}
+
+// Variations
+// -------------------------
+
+.progress-bar-success {
+  background-color: $brand-success;
+}
+.progress-bar-warning {
+  background-color: $brand-warning;
+}
+.progress-bar-danger {
+  background-color: $brand-danger;
+}
+.progress-bar-info {
+  background-color: $brand-info;
+}

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

@@ -0,0 +1,64 @@
+//
+// Scaffolding
+// --------------------------------------------------
+
+
+// Body reset
+// -------------------------
+
+body {
+  font-family: $font-family-base;
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+  color: $text-color;
+  background-color: $body-bg;
+}
+
+// Links
+// -------------------------
+
+a {
+  color: $link-color;
+  text-decoration: none;
+  @include transition(.25s);
+    
+  &:hover,
+  &:focus {
+    color: $link-hover-color;
+    text-decoration: none;
+  }
+  &:focus {
+    outline: none;
+  }
+}
+
+// Images
+// -------------------------
+
+// Rounded corners
+.img-rounded {
+  border-radius: $border-radius-large;
+}
+
+// Image thumbnails
+//
+// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
+.img-thumbnail {
+  padding: $thumbnail-padding;
+  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);
+
+  // Keep them at most 100% wide
+  @include img-responsive(inline-block);
+}
+
+// Description text under image
+.img-comment {
+  font-size: ceil($font-size-base * 0.8333); // ~15px
+  line-height: 1.2;
+  font-style: italic;
+  margin: 24px 0;
+}

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

@@ -0,0 +1,145 @@
+//
+// Bootstrap Select
+// --------------------------------------------------
+// Credits: Silvio Moreto
+// http://github.com/silviomoreto/bootstrap-select
+
+.select {
+  display: inline-block;
+  margin-bottom: 10px;
+
+  // Select grid
+  &[class*="span"] {
+    [class*="span"] > & {
+      margin-left: 0; // No margin if select is a closest child of the grid
+    }
+    .btn {
+      width: 100%; // Button should take all available space of its parent
+    }
+  }
+
+  // Fluid width. Takes all available space and behaves like a block
+  &.select-block {
+    display: block;
+    float: none;
+    margin-left: 0;
+    width: auto;
+    @include clearfix();
+
+    .btn {
+      width: 100%;
+    }
+    .dropdown-menu {
+      width: 100%;
+    }
+  }
+  
+  
+  // Button Sizes
+  // --------------------------------------------------
+  .btn {
+    width: 220px; // Default select width until .span* is applied
+    
+    // Huge
+    &.btn-hg {
+      .filter-option {
+        left: 20px;
+        right: 40px;
+        top: 13px;
+      }
+      .caret {
+        right: 20px;        
+      }
+    }
+    
+    // Large
+    &.btn-lg {
+      .filter-option {
+        left: 18px;
+        right: 38px;
+      }
+    }
+    
+    // Small
+    &.btn-sm {
+      .filter-option {
+        left: 13px;
+        right: 33px;
+      }
+      .caret {
+        right: 13px;
+      }
+    }
+    
+    // Exstra small
+    &.btn-xs {
+      .filter-option {
+        left: 13px;
+        right: 33px;
+        top: 5px;
+      }
+      .caret {
+        right: 13px;
+      }
+    }
+    
+    .filter-option {
+      height: 26px;
+      left: 13px;
+      overflow: hidden;
+      position: absolute;
+      right: 33px;
+      text-align: left;
+      top: 10px;
+    }
+    .caret {
+      position: absolute;
+      right: 16px;
+      top: 50%;
+      margin-top: -3px;
+    }
+    .dropdown-toggle {
+      border-radius: $border-radius-large;
+    }
+
+    // Dropdown menu
+    .dropdown-menu {
+      min-width: 100%;
+
+      dt {
+        cursor: default;
+        display: block;
+        padding: 3px 20px;
+      }
+      li {
+        &:not(.disabled) > a:hover small {
+          color: fade($inverse, .4);
+        }
+        > a {
+          min-height: 20px;
+          
+          &.opt {
+            padding-left: 35px;
+          }
+        }
+        small {
+          padding-left: .5em;
+        }
+        > dt small {
+          font-weight: normal;
+        }
+      }
+    }
+
+    // Disabled state
+    > .disabled,
+    .dropdown-menu li.disabled > a {
+      cursor: default;
+    }
+  }
+
+  // Caret
+  .caret {
+    @include caret($inverse);
+  }
+}