flat-ui-sass 2.1.3

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

@@ -0,0 +1,135 @@
+//
+// Glyphicons for Flat UI Free
+// --------------------------------------------------
+
+@font-face {
+  font-family: "Flat-UI-Icons";
+  src: url(if($flat-ui-sass-asset-helper, flat-ui-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
+  src: url(if($flat-ui-sass-asset-helper, flat-ui-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
+       url(if($flat-ui-sass-asset-helper, flat-ui-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
+       url(if($flat-ui-sass-asset-helper, flat-ui-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
+       url(if($flat-ui-sass-asset-helper, flat-ui-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+  font-family: 'Flat-UI-Icons';
+  content: attr(data-icon);
+  speak: none;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+/*
+Instead of a list of all class selectors,
+you can use the generic selector below, but it's slower:
+[class*="fui-"] {
+*/
+.fui-arrow-right, .fui-arrow-left, .fui-cmd, .fui-check-inverted, .fui-heart, .fui-location, .fui-plus, .fui-check, .fui-cross, .fui-list, .fui-new, .fui-video, .fui-photo, .fui-volume, .fui-time, .fui-eye, .fui-chat, .fui-search, .fui-user, .fui-mail, .fui-lock, .fui-gear, .fui-radio-unchecked, .fui-radio-checked, .fui-checkbox-unchecked, .fui-checkbox-checked, .fui-calendar-solid, .fui-pause, .fui-play, .fui-check-inverted-2 {
+  display: inline-block;
+  font-family: 'Flat-UI-Icons';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.fui-arrow-right:before {
+  content: "\e02c";
+}
+.fui-arrow-left:before {
+  content: "\e02d";
+}
+.fui-cmd:before {
+  content: "\e02f";
+}
+.fui-check-inverted:before {
+  content: "\e006";
+}
+.fui-heart:before {
+  content: "\e007";
+}
+.fui-location:before {
+  content: "\e008";
+}
+.fui-plus:before {
+  content: "\e009";
+}
+.fui-check:before {
+  content: "\e00a";
+}
+.fui-cross:before {
+  content: "\e00b";
+}
+.fui-list:before {
+  content: "\e00c";
+}
+.fui-new:before {
+  content: "\e00d";
+}
+.fui-video:before {
+  content: "\e00e";
+}
+.fui-photo:before {
+  content: "\e00f";
+}
+.fui-volume:before {
+  content: "\e010";
+}
+.fui-time:before {
+  content: "\e011";
+}
+.fui-eye:before {
+  content: "\e012";
+}
+.fui-chat:before {
+  content: "\e013";
+}
+.fui-search:before {
+  content: "\e01c";
+}
+.fui-user:before {
+  content: "\e01d";
+}
+.fui-mail:before {
+  content: "\e01e";
+}
+.fui-lock:before {
+  content: "\e01f";
+}
+.fui-gear:before {
+  content: "\e024";
+}
+.fui-radio-unchecked:before {
+  content: "\e02b";
+}
+.fui-radio-checked:before {
+  content: "\e032";
+}
+.fui-checkbox-unchecked:before {
+  content: "\e033";
+}
+.fui-checkbox-checked:before {
+  content: "\e034";
+}
+.fui-calendar-solid:before {
+  content: "\e022";
+}
+.fui-pause:before {
+  content: "\e03b";
+}
+.fui-play:before {
+  content: "\e03c";
+}
+.fui-check-inverted-2:before {
+  content: "\e000";
+}

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

@@ -0,0 +1,153 @@
+//
+// Input groups
+// --------------------------------------------------
+
+
+// Sizing options
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-hg > .form-control,
+.input-group-hg > .input-group-addon,
+.input-group-hg > .input-group-btn > .btn { @extend .input-hg; }
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn { @extend .input-lg; }
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn { @extend .input-sm; }
+
+// Text input groups
+// -------------------------
+.input-group-addon {
+  padding: 10px 12px;
+  font-size: $component-font-size-base;
+  color: $inverse;
+  text-align: center;
+  background-color: $gray-light;
+  border: 1px solid $gray-light;
+  border-radius: $border-radius-large;
+  @include transition(border .25s linear, color .25s linear, background-color .25s linear);
+  
+  .input-group-hg &,
+  .input-group-lg &,
+  .input-group-sm &, {
+    line-height: 1;
+  }
+}
+
+// Reset rounded corners
+@include form-controls-corners-reset();
+
+
+
+// Focus State
+// -------------------------
+.form-group.focus,
+.input-group.focus {
+  .input-group-addon {
+    background-color: $brand-secondary;
+    border-color: $brand-secondary;
+  }
+  .input-group-btn {
+    > .btn-default + .btn-default {
+      border-left-color: mix($brand-secondary, black, 85%);
+    }
+    .btn {
+      border-color: $brand-secondary;
+      background-color: $inverse;
+      color: $brand-secondary;
+    }
+    .btn-default {
+      @include button-variant($btn-default-color, $brand-secondary, $btn-primary-hover-bg, $btn-primary-active-bg);
+    }
+  }
+}
+
+// Button input groups
+// -------------------------
+.input-group-btn {    
+  .btn {
+    background-color: $inverse;
+    border: 2px solid $gray-light;    
+    color: $gray-light;
+    line-height: 18px;
+  } 
+  .btn-default {
+    @include button-variant($btn-default-color, $gray-light, $btn-hover-bg, $btn-active-bg);
+  }
+  .input-group-hg & .btn {
+    line-height: 31px;
+  }
+  .input-group-lg & .btn {
+    line-height: 21px;
+  }
+  .input-group-sm & .btn {
+    line-height: 19px;
+  }
+  &:first-child > .btn {
+    border-right-width: 0;
+    margin-right: -2px;
+  }
+  &:last-child > .btn {
+    border-left-width: 0;
+    margin-left: -2px;
+  }
+  & > .btn-default + .btn-default {
+    border-left: 2px solid $gray-light;
+  }
+  & > .btn:first-child + .btn {
+    .caret {
+      margin-left: 0;
+    }
+  }
+}
+
+
+// Rounded input groups
+// -------------------------
+.input-group-rounded {
+  .input-group-btn + .form-control,
+  .input-group-btn:last-child .btn {
+    @include border-right-radius(20px);
+    
+
+
+  } 
+  .form-control:first-child,
+  .input-group-btn:first-child .btn {
+    @include border-left-radius(20px);
+    
+
+
+  } 
+  // Remove left padding for .form-control after button
+  .input-group-btn + .form-control {
+    padding-left: 0;
+  }
+  &.input-group-hg {
+    .input-group-btn + .form-control,
+    .input-group-btn:last-child .btn {
+      @include border-right-radius(27px);
+    }
+    
+    .form-control:first-child,
+    .input-group-btn:first-child .btn {
+      @include border-left-radius(27px);
+    }
+    
+  }
+  &.input-group-lg {
+    .input-group-btn + .form-control,
+    .input-group-btn:last-child .btn {
+      @include border-right-radius(25px);
+    }
+    
+    .form-control:first-child,
+    .input-group-btn:first-child .btn {
+      @include border-left-radius(25px);
+    }
+    
+  }
+}

data/vendor/assets/stylesheets/flat-ui/modules/_input-icons.scss

@@ -0,0 +1,72 @@
+//
+// Input Icons
+// --------------------------------------------------
+
+.form-group {
+  position: relative;
+}
+
+.form-control {
+  & + .input-icon {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    line-height: 37px;
+    vertical-align: middle;
+    font-size: $input-icon-font-size;
+    color: desaturate(lighten($brand-primary, 45%), 15%);
+    background-color: $inverse;
+    padding: 0 12px 0 0;
+    border-radius: $input-border-radius;
+  }
+}
+
+// Icons sizing
+// ---------------------------
+
+// Huge
+.input-hg + .input-icon {
+  line-height: 49px;
+  padding: 0 16px 0 0;
+}
+
+//Large
+.input-lg + .input-icon {
+  line-height: 41px;
+  padding: 0 15px 0 0;
+}
+
+// Small
+.input-sm + .input-icon {
+  font-size: $font-size-base;
+  line-height: 30px;
+  padding: 0 10px 0 0;
+}
+
+
+// Icons states
+// ---------------------------
+
+.has-success {
+  .input-icon {
+    color: $brand-success;
+  }
+}
+.has-warning {
+  .input-icon {
+    color: $brand-warning;
+  }  
+}
+.has-error {
+  .input-icon {
+    color: $brand-danger;
+  }  
+}
+.form-control[disabled] + .input-icon,
+.form-control[readonly] + .input-icon,
+fieldset[disabled] .form-control + .input-icon,
+.form-control.disabled + .input-icon {
+  color: mix($gray, white, 40%);
+  background-color: transparent;
+  @include opacity(.7);
+}

data/vendor/assets/stylesheets/flat-ui/modules/_local-fonts.scss

@@ -0,0 +1,69 @@
+//
+// Fonts
+// --------------------------------------------------
+
+@font-face {
+  font-family: 'Lato';
+  src: #{url('$local-font-path$local-font-name-black.eot')};
+  src: #{url('$local-font-path$local-font-name-black.eot?#iefix') format('embedded-opentype')},
+       #{url('$local-font-path$local-font-name-black.woff') format('woff')},
+       #{url('$local-font-path$local-font-name-black.ttf') format('truetype')},
+       #{url('$local-font-path$local-font-name-black.svg#$local-font-svg-id-black') format('svg')};
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: #{url('$local-font-path$local-font-name-bold.eot')};
+  src: #{url('$local-font-path$local-font-name-bold.eot?#iefix') format('embedded-opentype')},
+       #{url('$local-font-path$local-font-name-bold.woff') format('woff')},
+       #{url('$local-font-path$local-font-name-bold.ttf') format('truetype')},
+       #{url('$local-font-path$local-font-name-bold.svg#$local-font-svg-id-bold') format('svg')};
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: #{url('$local-font-path$local-font-name-bold-italic.eot')};
+  src: #{url('$local-font-path$local-font-name-bold-italic.eot?#iefix') format('embedded-opentype')},
+       #{url('$local-font-path$local-font-name-bold-italic.woff') format('woff')},
+       #{url('$local-font-path$local-font-name-bold-italic.ttf') format('truetype')},
+       #{url('$local-font-path$local-font-name-bold-italic.svg#$local-font-svg-id-bold-italic') format('svg')};
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: #{url('$local-font-path$local-font-name-italic.eot')};
+  src: #{url('$local-font-path$local-font-name-italic.eot?#iefix') format('embedded-opentype')},
+       #{url('$local-font-path$local-font-name-italic.woff') format('woff')},
+       #{url('$local-font-path$local-font-name-italic.ttf') format('truetype')},
+       #{url('$local-font-path$local-font-name-italic.svg#$local-font-svg-id-italic') format('svg')};
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: #{url('$local-font-path$local-font-name-light.eot')};
+  src: #{url('$local-font-path$local-font-name-light.eot?#iefix') format('embedded-opentype')},
+       #{url('$local-font-path$local-font-name-light.woff') format('woff')},
+       #{url('$local-font-path$local-font-name-light.ttf') format('truetype')},
+       #{url('$local-font-path$local-font-name-light.svg#$local-font-svg-id-light') format('svg')};
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: #{url('$local-font-path$local-font-name.eot')};
+  src: #{url('$local-font-path$local-font-name.eot?#iefix') format('embedded-opentype')},
+       #{url('$local-font-path$local-font-name.woff') format('woff')},
+       #{url('$local-font-path$local-font-name.ttf') format('truetype')},
+       #{url('$local-font-path$local-font-name.svg#$local-font-svg-id') format('svg')};
+  font-weight: normal;
+  font-style: normal;
+}

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

@@ -0,0 +1,111 @@
+//
+//  Login screen
+// --------------------------------------------------
+
+// Module color variable
+$form-color: mix($brand-primary, $inverse, 9%);
+
+.login {
+  background: url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/login/imac.png"), "flat-ui/login/imac.png")) 0 0 no-repeat;
+  background-size: 940px 778px;
+  color: $inverse;
+  margin-bottom: 77px;
+  padding: 38px 38px 267px;
+  position: relative;
+}
+
+.login-screen {
+  background-color: $brand-secondary;
+  min-height: 473px;
+  padding: 123px 199px 33px 306px;
+}
+
+.login-icon {
+  left: 200px;
+  position: absolute;
+  top: 160px;
+  width: 96px;
+
+  > img {
+    display: block;
+    margin-bottom: 6px;
+    width: 100%;
+  }
+  > h4 {
+    font-size: 17px;
+    font-weight: 300;
+    line-height: 34px;
+    @include opacity(.95);
+  
+    small {
+      color: inherit;
+      display: block;
+      font-size: inherit;
+      font-weight: 700;
+    }  
+  }    
+}
+
+// LOGIN FORM
+// -----------
+.login-form {
+  background-color: $form-color;
+  padding: 24px 23px 20px;
+  position: relative;
+  border-radius: $border-radius-large;  
+
+  // Ear
+  &:before {
+    content: '';
+    border-style: solid;
+    border-width: 12px 12px 12px 0;
+    border-color: transparent $form-color transparent transparent;
+    height: 0;
+    position: absolute;
+    left: -12px;
+    top: 35px;
+    width: 0;    
+    -webkit-transform: rotate(360deg); // Make corners smooth
+  }
+  .control-group {
+    margin-bottom: 6px;
+    position: relative;
+  }
+  .login-field {
+    border-color: transparent;
+    font-size: 17px;
+    text-indent: 3px;
+    
+    &:focus {
+      border-color: $brand-secondary;
+      
+      & + .login-field-icon {
+        color: $brand-secondary;
+      }  
+    }    
+  }
+  .login-field-icon {
+    color: mix($gray, $inverse, 60%);
+    font-size: 16px;
+    position: absolute;
+    right: 15px;
+    top: 3px;
+    @include transition(.25s);
+  }  
+}
+
+.login-link {
+  color: mix($gray, $inverse, 60%);
+  display: block;
+  font-size: 13px;
+  margin-top: 15px;
+  text-align: center;
+}
+
+// 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) {
+  .login {
+    background-image: url(if($flat-ui-sass-asset-helper, flat-ui-image-path("flat-ui/login/imac-2x.png"), "flat-ui/login/imac-2x.png"));
+  }  
+}    
+