bootflat-rails 0.0.1 → 0.1.0

data/vendor/assets/stylesheets/bootflat/_button_group.scss

@@ -0,0 +1,133 @@
+// Exports
+//------------------------------------------------------
+
+@include exports("button-group") {
+
+  /**
+   * button-group
+   * --------------------------------------------------
+   */
+  .btn-group {
+    @at-root &.open .dropdown-toggle {
+        @include box-shadow($value: inset 0 1px 2px rgba(0, 0, 0, .125));
+    }     
+
+    & .btn {
+      border-left-color: darken($button-normal, 7%);
+    } 
+ 
+    @at-root &.open .btn-default.dropdown-toggle,
+    & .btn-default:focus,
+    & .btn-default:active,
+    & .btn-default.active {
+      color: $button-default;
+    }
+
+    & .btn-primary,
+    & .btn-primary:focus,
+    & .btn-primary:active,
+    & .btn-primary.active {
+      border-left-color: darken($button-primary, 7%);
+    } 
+
+    & .btn-success,
+    & .btn-success:focus,
+    & .btn-success:active,
+    & .btn-success.active {
+      border-left-color: darken($button-success, 7%);
+    } 
+
+    & .btn-warning,
+    & .btn-warning:focus,
+    & .btn-warning:active,
+    & .btn-warning.active {
+      border-left-color: darken($button-warning, 12%);
+    } 
+
+    & .btn-danger,
+    & .btn-danger:focus,
+    & .btn-danger:active,
+    & .btn-danger.active {
+      border-left-color: darken($button-danger, 7%);
+    } 
+
+    & .btn-info,
+    & .btn-info:focus,
+    & .btn-info:active,
+    & .btn-info.active {
+      border-left-color: darken($button-info, 7%);
+    } 
+
+    & .btn:first-child,
+    & .btn-primary:first-child,
+    & .btn-success:first-child,
+    & .btn-warning:first-child, 
+    & .btn-danger:first-child,
+    & .btn-info:first-child {
+      border-left-color: transparent;
+    }   
+  }
+
+  .btn-group-vertical {
+    & .btn,
+    & .btn-group .btn-primary {
+      border-top-color: darken($button-normal, 7%) !important;
+    } 
+
+    & .btn-primary,
+    & .btn-primary:focus,
+    & .btn-primary:active,
+    & .btn-primary.active,
+    & .btn-group .btn-primary {
+      border-top-color: darken($button-primary, 7%) !important;
+    } 
+
+    & .btn-success,
+    & .btn-success:focus,
+    & .btn-success:active,
+    & .btn-success.active,
+    & .btn-group .btn-success {
+      border-top-color: darken($button-success, 7%) !important;
+    } 
+
+    & .btn-warning,
+    & .btn-warning:focus,
+    & .btn-warning:active,
+    & .btn-warning.active,
+    & .btn-group .btn-warning {
+      border-top-color: darken($button-warning, 12%) !important;
+    } 
+
+    & .btn-danger,
+    & .btn-danger:focus,
+    & .btn-danger:active,
+    & .btn-danger.active,
+    & .btn-group .btn-danger {
+      border-top-color: darken($button-danger, 7%) !important;
+    } 
+
+    & .btn-info,
+    & .btn-info:focus,
+    & .btn-info:active,
+    & .btn-info.active,
+    & .btn-group .btn-info {
+      border-top-color: darken($button-info, 7%) !important;
+    } 
+
+    & .btn:not(.btn-default):first-child,
+    & .btn-primary:first-child,
+    & .btn-success:first-child,
+    & .btn-warning:first-child, 
+    & .btn-danger:first-child,
+    & .btn-info:first-child {
+      border-top: none;
+    }     
+  }
+
+}
+
+
+
+
+
+

data/vendor/assets/stylesheets/bootflat/_checkbox_radio.scss

@@ -0,0 +1,62 @@
+// Variables
+//------------------------------------------------------
+$img-src:                "../bootflat/img/check_flat/default.png" !default; 
+
+// Exports
+//------------------------------------------------------
+
+@include exports("checkbox-radio") {
+
+  /**
+   * checkbox and radio
+   * --------------------------------------------------
+   */
+  .checkbox, .radio {
+      margin-top: 0;
+      padding-left: 0;
+  }
+  .icheckbox_flat,
+  .iradio_flat {
+      display: inline-block;
+      *display: inline;
+      vertical-align: middle;
+      margin: 0;
+      padding: 0 !important;
+      width: 20px;
+      height: 20px;
+      background: url($img-src) no-repeat;
+      border: none;
+      cursor: pointer;
+  }
+
+  .icheckbox_flat {
+      background-position: 0 0;
+
+      &.checked {
+          background-position: -22px 0;
+      }
+      &.disabled {
+          background-position: -44px 0;
+          cursor: default;
+      }
+      &.checked.disabled {
+          background-position: -66px 0;
+      }
+  }
+
+  .iradio_flat {
+      background-position: -88px 0;
+
+      &.checked {
+          background-position: -110px 0;
+      }
+      &.disabled {
+          background-position: -132px 0;
+          cursor: default;
+      }
+      &.checked.disabled {
+          background-position: -154px 0;
+      }
+  }
+
+}

data/vendor/assets/stylesheets/bootflat/_dropdown.scss

@@ -0,0 +1,122 @@
+// Variables
+//------------------------------------------------------
+$dropdown-background-color:               $darkgray-dark !default;
+$dropdown-background-color-hover:         $darkgray-light !default;
+
+$dropdown-normal:                         $mediumgray-dark !default;
+$dropdown-default:                        $white !default;
+
+$dropdown-padding:                        5px 20px !default;
+
+$dropdown-radius:                         4px !default;
+
+$dropdown-font-size:                      14px !default;
+$dropdown-font-color-dark:                $darkgray-dark !default;
+$dropdown-font-color-light:               $white !default;
+$dropdown-font-weight:                    700 !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("dropdown") {
+
+  /**
+   * dropdown-menu
+   * --------------------------------------------------
+   */
+  .dropdown-menu {
+      border: none;
+      background-color: $dropdown-background-color;
+
+      & .dropdown-header {
+          padding: $dropdown-padding;
+          font-size: $dropdown-font-size;
+          font-weight: $dropdown-font-weight;
+          color: $dropdown-normal;
+      }
+
+      & li a {
+          padding: $dropdown-padding;
+          color: $dropdown-font-color-light;
+      }
+      & li a:hover,
+      & li a:focus,
+      & .active a,
+      & .active a:hover,
+      & .active a:focus{
+          color: $dropdown-font-color-light;
+          background-color: $dropdown-background-color-hover;
+          outline: none;
+      }
+      & .disabled a,
+      & .disabled a:hover,
+      & .disabled a:focus {
+          color: $dropdown-background-color-hover;
+          cursor: default;
+      }
+      & .divider {
+          background-color: $dropdown-background-color-hover;
+          border-bottom: none;
+      }
+
+      @at-root .dropup & {
+          margin-bottom: 0;
+          @include radius($type: border-radius, $value: $dropdown-radius $dropdown-radius 0 0);
+      }
+  }
+  /**
+   * dropdown-submenu
+   * --------------------------------------------------
+   */
+  .dropdown-submenu {
+      position: relative;
+
+      & .dropdown-menu {
+          top: 0;
+          left: 100%;
+          margin-top: -6px;
+          margin-left: -1px;
+          @include radius($type: border-radius, $value: 0 4px 4px 4px);
+      }
+      &:hover .dropdown-menu {
+          display: block;
+      }
+      .dropup & .dropdown-menu {
+          top: auto;
+          bottom: 0;
+          margin-top: 0;
+          margin-bottom: -2px;
+          @include radius($type: border-radius, $value: 4px 4px 4px 0);
+      }
+      & > a:after {
+          display: block;
+          content: " ";
+          float: right;
+          width: 0;
+          height: 0;
+          border-color: transparent;
+          border-style: solid;
+          border-width: 5px 0 5px 5px;
+          border-left-color: $dropdown-default;
+          margin-top: 5px;
+          margin-right: -10px;
+      }
+      @at-root .dropdown-default & > a:after {
+          border-left-color: $dropdown-font-color-dark;
+      }
+      &:hover a:after {
+          border-left-color: $dropdown-default;
+      }
+      &.pull-left {
+          float: none;
+      }
+      &.pull-left .dropdown-menu {
+          left: -100%;
+          margin-left: 10px;
+          @include radius($type: border-radius, $value: 4px 0 4px 4px);
+      }
+  }
+
+}
+
+

data/vendor/assets/stylesheets/bootflat/_footer.scss

@@ -0,0 +1,82 @@
+// Variables
+//------------------------------------------------------
+$footer-background-color:            $darkgray-dark !default;
+$footer-menu-title-color:            $lightgray-dark !default;
+$footer-menu-item-color:             $mediumgray-dark !default;
+$footer-menu-item-color-hover:       $mediumgray-light !default;
+$footer-logo-color:                  $white !default;
+
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("footer") {
+
+  /**
+   * footer
+   * --------------------------------------------------
+   */
+
+  .footer {
+    padding: 40px 0;
+    background-color: $footer-background-color;
+
+    &-logo,
+    &-nav {
+      float: left;
+      padding: 0 20px;
+      width: 20%;
+    }
+    @media (max-width: 768px) {
+      &-logo {
+        margin-bottom: 20px;
+      }
+      &-logo,
+      &-nav {
+        float: none;
+        display: block;
+        width: 100%;
+      }      
+    }
+    &-logo {
+      margin-top: -5px;
+      height: 32px;
+      line-height: 32px;
+
+      & img {
+        margin-right: 10px;
+      }
+      & a {
+        font-size: 20px;
+        font-weight: bold;
+        color: $footer-logo-color;
+      }
+      & a:hover,
+      & a:active {
+        text-decoration: none;
+      }
+    }
+    &-nav .nav-title {
+      margin-bottom: 15px;
+      color: $footer-menu-title-color;
+    }
+    &-nav .nav-item {
+      line-height: 28px;
+      & > a {
+        color: $footer-menu-item-color;
+      }
+      & > a:hover,
+      & > a:active {
+        color: $footer-menu-item-color-hover;
+        text-decoration: none;
+      }
+    }
+    &-copyright {
+      color: $footer-menu-item-color;
+    }
+  }
+
+}
+
+

data/vendor/assets/stylesheets/bootflat/_form.scss

@@ -0,0 +1,212 @@
+// Variables
+//------------------------------------------------------
+$form-normal:                      $mediumgray-dark !default;
+$form-default:                     $white !default;
+$form-primary:                     $aqua-dark !default;
+$form-success:                     $grass-dark !default;
+$form-danger:                      $grapefruit-dark !default;
+$form-warning:                     $sunflower-dark !default;
+$form-info:                        $mint-dark !default;
+
+$message-success:                  $grass-dark !default;
+$message-danger:                   $grapefruit-dark !default;
+$message-warning:                  $sunflower-dark !default;
+
+$form-font-color:                  $darkgray-dark !default;
+$form-placeholder-font-color:      $lightgray-dark !default;
+
+$form-disabled-color:              $lightgray-dark !default;
+
+$search-query-value:               17px !default;
+
+$search-icon-width:                30px !default;
+$search-icon-line-height:          30px !default;          
+
+// Exports
+//------------------------------------------------------
+
+@include exports("form") {
+
+  /**
+   * form
+   * --------------------------------------------------
+   */
+  .form-control {
+      color: $form-font-color;
+      border-color: $form-normal;
+
+      &,
+      &:focus {
+          @include box-shadow($value: none);
+      }
+      &:focus {
+          border-color: $form-primary;
+      }
+      &::-moz-placeholder,
+      &:-ms-input-placeholder,
+      &::-webkit-input-placeholder {
+          color: $form-placeholder-font-color;
+      }
+
+      &.disabled, 
+      &[disabled] {
+          border-color: $form-disabled-color;
+          background-color: $form-disabled-color;
+      }
+  }
+
+  .input-group-btn {
+      & .btn + .btn {
+          border-width: 1px;
+          border-style: solid;
+          border-color: darken($form-normal, 7%);
+      }
+      & .btn + .btn.btn-default {
+          border-color: darken($form-default, 7%);
+      }
+      & .btn + .btn.btn-primary {
+          border-color: darken($form-primary, 7%);
+      }
+      & .btn + .btn.btn-info {
+          border-color: darken($form-info, 7%);
+      }
+      & .btn + .btn.btn-success {
+          border-color: darken($form-success, 7%);
+      }
+      & .btn + .btn.btn-warning {
+          border-color: darken($form-warning, 7%);
+      }
+      & .btn + .btn.btn-danger {
+          border-color: darken($form-danger, 7%);
+      }
+  }
+
+  .input-group-addon {
+      background-color: $form-normal;
+      border-color: darken($form-normal, 7%);
+      color: $form-default;
+
+      & .radio,
+      & .checkbox {
+          margin: -3px 0 -4px !important;
+      }
+  }
+
+  .form-search {
+      & .search-query,
+      & .search-query:first-child,
+      & .search-query:last-child {
+          padding: 0 $search-query-value;
+          @include radius($type: border-radius, $value: $search-query-value);
+      }
+      @at-root .input-group .form-control:last-child {
+          // padding: 0 $search-query-value 0 10px;
+          @include radius($type: border-top-left-radius, $value: 0);
+          @include radius($type: border-bottom-left-radius, $value: 0);
+      }
+      @at-root .input-group .form-control:first-child {
+          @include radius($type: border-top-right-radius, $value: 0);
+          @include radius($type: border-bottom-right-radius, $value: 0);
+      }
+      & .btn {
+          @include radius($type: border-radius, $value: $search-query-value);  
+      }
+  }
+
+  .search-only {
+      position: relative;
+      & .search-icon {
+          position: absolute;
+          top: 2px;
+          left: $search-query-value / 2;
+          width: $search-icon-width;
+          line-height: $search-icon-line-height;
+          text-align: center;
+          font-size: $search-query-value;
+          color: $form-placeholder-font-color;
+          z-index: 20;
+      }
+      & .form-control:last-child {
+         padding-left: $search-icon-width + 10;
+      }
+  }
+
+  .has-success {
+      & .help-block,
+      & .control-label,
+      & .radio,
+      & .checkbox,
+      & .radio-inline,
+      & .checkbox-inline {
+          color: $message-success;
+      }
+      & .form-control {
+          border-color: $message-success;
+          @include box-shadow($value: none);
+      }
+      & .form-control:focus {
+          border-color: $message-success;
+          @include box-shadow($value: none);
+      }
+      & .input-group-addon {
+          background-color: $message-success;
+          border-color: $message-success;
+      }
+      & .form-control-feedback {
+          color: $message-success;
+      }    
+  }
+  .has-warning {
+      & .help-block,
+      & .control-label,
+      & .radio,
+      & .checkbox,
+      & .radio-inline,
+      & .checkbox-inline {
+          color: $message-warning;
+      }
+      & .form-control {
+          border-color: $message-warning;
+          @include box-shadow($value: none);
+      }
+      & .form-control:focus {
+          border-color: $message-warning;
+          @include box-shadow($value: none);
+      }
+      & .input-group-addon {
+          background-color: $message-warning;
+          border-color: $message-warning;
+      }
+      & .form-control-feedback {
+          color: $message-warning;
+      }
+  }
+  .has-error {
+      & .help-block,
+      & .control-label,
+      & .radio,
+      & .checkbox,
+      & .radio-inline,
+      & .checkbox-inline {
+          color:  $message-danger;
+      }
+      & .form-control {
+          border-color:  $message-danger;
+          @include box-shadow($value: none);
+      }
+      & .form-control:focus {
+          border-color:  $message-danger;
+          @include box-shadow($value: none);
+      }
+      & .input-group-addon {
+          background-color:  $message-danger;
+          border-color:  $message-danger;
+      }
+      & .form-control-feedback {
+          color:  $message-danger;
+      }
+  }
+
+}
+
+