flat-ui-sass 2.1.3

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

@@ -0,0 +1,54 @@
+//
+// Tile
+// -------------------------------------------------
+
+.tile {
+  background-color: mix($brand-primary, $inverse, 8%);
+  border-radius: $border-radius-large;
+  padding: 14px;
+  position: relative;
+  text-align: center;
+
+  &.tile-hot {
+    &:before {
+      background: url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/tile/ribbon.png"), "flat-ui/tile/ribbon.png")) 0 0 no-repeat;
+      background-size: 82px 82px;
+      content: '';
+      height: 82px;
+      position: absolute;
+      right: -4px;
+      top: -4px;
+      width: 82px;
+    }  
+  }
+  p {
+    font-size: 15px;
+    margin-bottom: 33px;
+  }  
+}
+.tile-image {
+  height: 100px;
+  margin: 31px 0 27px;
+  vertical-align: bottom;
+  
+  &.big-illustration {
+    height: 111px;
+    margin-top: 20px;
+    width: 112px;
+  }
+}
+.tile-title {
+  font-size: 20px;
+  margin: 0;
+}
+
+// Retina Support
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
+  .tile {
+    &.tile-hot {
+      &:before {
+        background-image: url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/tile/ribbon-2x.png"), "flat-ui/tile/ribbon-2x.png"));
+      }  
+    }    
+  }      
+}

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

@@ -0,0 +1,110 @@
+//
+// Todo list
+// --------------------------------------------------
+
+.todo {  
+  color: mix($brand-primary, $inverse, 66%);
+  margin-bottom: 20px;
+  border-radius: $border-radius-large;
+
+  ul {
+    background-color: mix($brand-primary, black, 85%);
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    border-radius: 0 0 $border-radius-large $border-radius-large;
+  }
+  li {
+    background: $brand-primary url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/todo/todo.png"), "flat-ui/todo/todo.png")) 92% center no-repeat;
+    background-size: 20px 20px;
+    cursor: pointer;
+    font-size: ceil($component-font-size-base * 0.933); // ~14px
+    line-height: 1.214;
+    margin-top: 2px;
+    padding: 18px 42px 21px 25px;
+    position: relative;
+    @include transition(.25s);
+    
+    &:first-child {
+      margin-top: 0;
+    }  
+    &:last-child {
+      border-radius: 0 0 $border-radius-large $border-radius-large;
+      padding-bottom: 21px;
+    }
+    &.todo-done {
+      background: transparent url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/todo/done.png"), "flat-ui/todo/done.png")) 92% center no-repeat;
+      background-size: 20px 20px;
+      color: $brand-secondary;
+
+      .todo-name {
+        color: $brand-secondary;
+      }  
+    }  
+  }      
+}
+
+.todo-search {
+  position: relative;
+  background: $brand-secondary;
+  background-size: 16px 16px;
+  border-radius: $border-radius-large $border-radius-large 0 0;
+  color: $brand-primary;
+  padding: 19px 25px 20px;
+  
+  &:before {
+    position: absolute;
+    font-family: 'Flat-UI-Icons';
+    content: "\e01c";
+    font-size: 16px;
+    line-height: 17px;
+    display: inline-block;
+    top: 50%;
+    left: 92%;
+    margin: -0.5em 0 0 -1em;
+  }
+}
+
+input.todo-search-field {
+  background: none;
+  border: none;
+  color: $brand-primary;
+  font-size: 19px;
+  font-weight: 700;
+  margin: 0;
+  line-height: 23px;
+  padding: 5px 0;
+  text-indent: 0;
+  @include box-shadow(none);
+  @include placeholder($brand-primary);
+}
+
+.todo-icon {
+  float: left;
+  font-size: 24px;
+  padding: 11px 22px 0 0;
+}
+
+.todo-content {
+  padding-top: 1px;
+  overflow: hidden;
+}
+
+.todo-name {
+  color: $inverse;
+  font-size: 17px;
+  margin: 1px 0 3px;
+}  
+
+// Retina Support
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
+  .todo {
+    li {
+      background-image: url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/todo/todo-2x.png"), "flat-ui/todo/todo-2x.png"));
+      
+      &.todo-done {
+        background-image: url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/todo/done-2x.png"), "flat-ui/todo/done-2x.png"));
+      }  
+    }    
+  }  
+}

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

@@ -0,0 +1,56 @@
+// Tooltip
+// --------------------------------------------------
+
+.tooltip {
+  font-size: ceil($component-font-size-base * 0.933); // ~14px
+  line-height: 1.286; // 18px
+  
+  &.in {
+    opacity: 1;
+  }
+  &.top {
+    padding-bottom: 9px;
+    
+    .tooltip-arrow {
+      border-top-color: $brand-primary;
+      border-width: 9px 9px 0;
+      bottom: 0;
+      margin-left: -9px;
+    }
+  }
+  &.right {
+    .tooltip-arrow {
+      border-right-color: $brand-primary;
+      border-width: 9px 9px 9px 0;
+      margin-top: -9px;
+      left: -3px;
+    }
+  }
+  &.bottom {
+    padding-top: 8px;
+    
+    .tooltip-arrow {
+      border-bottom-color: $brand-primary;
+      border-width: 0 9px 9px;
+      margin-left: -9px;
+      top: -1px;
+    }
+  }
+  &.left {
+    .tooltip-arrow {
+      border-left-color: $brand-primary;
+      border-width: 9px 0 9px 9px;
+      margin-top: -9px;
+      right: -3px;
+    }
+  }
+}
+
+.tooltip-inner {
+  background-color: $brand-primary;
+  line-height: 1.286; // 18px
+  padding: 12px 12px;
+  text-align: center;
+  width: 183px;
+  border-radius: $border-radius-large;
+}

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

@@ -0,0 +1,208 @@
+//
+// Typography
+// --------------------------------------------------
+
+
+// Headings
+// -------------------------
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight;
+  line-height: $headings-line-height;
+  color: $headings-color;
+  
+  small {
+    color: $headings-small-color;
+  }
+}
+
+h1,
+h2,
+h3 {
+  margin-top: $line-height-computed;
+  margin-bottom: ($line-height-computed / 2);
+}
+h4,
+h5,
+h6 {
+  margin-top: ($line-height-computed / 2);
+  margin-bottom: ($line-height-computed / 2);
+}
+
+h6 {
+  font-weight: normal;
+}
+
+h1, .h1 { font-size: $font-size-h1; } // ~62px
+h2, .h2 { font-size: $font-size-h2; } // ~52px
+h3, .h3 { font-size: $font-size-h3; } // ~40px
+h4, .h4 { font-size: $font-size-h4; } // ~29px
+h5, .h5 { font-size: $font-size-h5; } // ~28px 
+h6, .h6 { font-size: $font-size-h6; } // ~24px
+
+
+// Body text
+// -------------------------
+
+p {
+  font-size:   $font-size-base;
+  line-height: $line-height-base;
+  margin: 0 0 ($line-height-computed / 2);
+}
+
+.lead {
+  margin-bottom: $line-height-computed;
+  font-size:   floor($font-size-base * 1.556);  // ~28px
+  line-height: 1.46428571;                      // ~41px
+  font-weight: 300;
+  
+  @media (min-width: $screen-sm-min) {
+    font-size: ($font-size-base * 1.667);       // ~30px
+  }
+}
+
+// Emphasis & misc
+// -------------------------
+
+// Ex: 18px base font * 83% = about 15px
+small,
+.small {
+  font-size: 83%;     // ~15px
+  line-height: 2.067; // ~31px
+}
+
+// Contextual emphasis
+.text-muted {
+  color: $text-muted;
+}
+.text-inverse {
+  color: $inverse;
+}
+
+@include text-emphasis-variant('.text-primary', $brand-secondary);
+
+@include text-emphasis-variant('.text-warning', $state-warning-text);
+
+@include text-emphasis-variant('.text-danger', $state-danger-text);
+
+@include text-emphasis-variant('.text-success', $state-success-text);
+
+@include text-emphasis-variant('.text-info', $state-info-text);
+
+// Contextual backgrounds
+.bg-primary {
+  // Given the contrast here, this is the only class to have its color inverted
+  // automatically.
+  color: $inverse;
+}
+
+@include bg-variant('.bg-primary', $brand-primary);
+
+@include bg-variant('.bg-success', $state-success-bg);
+
+@include bg-variant('.bg-info', $state-info-bg);
+
+@include bg-variant('.bg-warning', $state-warning-bg);
+
+@include bg-variant('.bg-danger', $state-danger-bg);
+
+
+// Page header
+// -------------------------
+
+.page-header {
+  padding-bottom: (($line-height-computed / 2) - 1);
+  margin: ($line-height-computed * 2) 0 $line-height-computed;
+  border-bottom: 1px solid $page-header-border-color;
+}
+
+
+// Lists
+// --------------------------------------------------
+
+// Unordered and Ordered lists
+ul,
+ol {
+  margin-bottom: ($line-height-computed / 2);
+}
+
+// Description Lists
+dl {
+  margin-bottom: $line-height-computed;
+}
+dt,
+dd {
+  line-height: $line-height-base;
+}
+
+// Horizontal description lists
+//
+// Defaults to being stacked without any of the below styles applied, until the
+// grid breakpoint is reached (default of ~768px).
+
+@media (min-width: $grid-float-breakpoint) {
+  .dl-horizontal {
+    dt {
+      width: ($component-offset-horizontal - 20);
+    }
+    dd {
+      margin-left: $component-offset-horizontal;
+    }
+  }
+}
+
+// MISC
+// ----
+
+// Abbreviations and acronyms
+abbr[title],
+abbr[data-original-title] {
+  border-bottom: 1px dotted $abbr-border-color;
+}
+
+// Blockquotes
+blockquote {
+  border-left: 3px solid $blockquote-border-color;
+  padding: 0 0 0 16px;
+  margin: 0 0 $line-height-computed;
+  
+  p {
+    font-size: ceil($font-size-base * 1.111); // ~20px
+    line-height: 1.55;                        // ~31px
+    font-weight: normal;
+    margin-bottom: .4em;
+  }
+  small,
+  .small {
+    font-size: $font-size-base;
+    line-height: $line-height-base;
+    font-style: italic;
+    color: $blockquote-small-color;
+
+    &:before {
+      content: "";
+    }
+  }
+  
+  // Float right with text-align: right
+  &.pull-right {
+    padding-right: 16px;
+    padding-left: 0;
+    border-right: 3px solid $blockquote-border-color;
+    border-left: 0;
+
+    small {
+      &:after {
+        content: "";
+      }
+    }
+  }
+}
+
+// Addresses
+address {
+  margin-bottom: $line-height-computed;
+  line-height: $line-height-base;
+}

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

@@ -0,0 +1,41 @@
+//
+// Typeahead
+// --------------------------------------------------
+
+.twitter-typeahead {
+  width: 100%;
+
+  .tt-query,
+  .tt-hint {
+    @extend .form-control;
+  }
+
+  .tt-dropdown-menu {
+    width: 100%;
+    margin-top: 5px;    
+    border: 2px solid $brand-secondary;
+    padding: 5px 0;
+    background-color: $inverse;
+    border-radius: $border-radius-large;
+  }
+
+  .tt-suggestion {
+    p {
+      padding: 6px 14px;
+      font-size: ceil($component-font-size-base * 0.933);
+      line-height: 1.429; // ~20px
+      margin: 0;
+    }
+
+    &:first-child,
+    &:last-child {
+      p {
+        padding: 6px 14px;
+      }
+    }
+    &.tt-is-under-cursor {
+      color: #fff;
+      background-color: mix($brand-secondary, black, 85%);
+    }
+  }
+}