bootflat-rails 0.0.1 → 0.1.0

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

@@ -0,0 +1,45 @@
+// Variables
+//------------------------------------------------------
+$pill-background-color:               $aqua-dark !default;
+$pill-background-color-hover:         $lightgray-dark !default;
+$pill-font-color:                     $darkgray-dark !default;
+$pill-font-color-active:              $white !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("pill") {
+
+  /**
+   * pill
+   * --------------------------------------------------
+   */
+  .nav-pills {
+      & > li.active > a,
+      & > li.active > a:hover,
+      & > li.active > a:focus {
+          color: $pill-font-color-active;
+          background-color: $pill-background-color;
+      }
+      & > li > a {
+          color: $pill-background-color;
+      }
+      & > li > a:hover {
+          color: $pill-font-color;    
+          background-color: $pill-background-color-hover;
+      }
+      & > .active > a > .badge {
+          color: $pill-background-color;    
+      }
+      & .open > a, 
+      & .open > a:focus, 
+      & .open > a:hover {
+          color: $pill-font-color;
+          background-color: $pill-background-color-hover;        
+      }
+  }
+
+}
+
+

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

@@ -0,0 +1,50 @@
+// Variables
+//------------------------------------------------------
+$popover-background-color:               $darkgray-dark !default;
+$popover-font-color:                     $white !default;
+$popover-title-font-color:               $mediumgray-dark !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("popover") {
+
+  /**
+   * popover
+   * --------------------------------------------------
+   */
+
+  .popover {
+      background-color: $popover-background-color;
+      color: $popover-font-color;
+      border-color: $popover-background-color;
+
+      @at-root &-title {
+          padding-bottom: 0;
+          font-weight: bold;
+          color: $popover-title-font-color;
+          background-color: transparent;
+          border-bottom: none;
+      }
+      &.top .arrow,
+      &.top .arrow:after {
+          border-top-color: $popover-background-color;
+      }
+      &.right .arrow,
+      &.right .arrow:after {
+          border-right-color: $popover-background-color;
+      }
+      &.bottom .arrow,
+      &.bottom .arrow:after {
+          border-bottom-color: $popover-background-color;
+      }
+      &.left .arrow,
+      &.left .arrow:after {
+          border-left-color: $popover-background-color;
+      }
+  }
+
+}
+
+

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

@@ -0,0 +1,42 @@
+// Variables
+//------------------------------------------------------
+$progress-primary:                 $aqua-dark !default;
+$progress-success:                 $grass-dark !default;
+$progress-danger:                  $grapefruit-dark !default;
+$progress-warning:                 $sunflower-dark !default;
+$progress-info:                    $mint-dark !default;
+
+$progress-background-color:        $lightgray-dark !default;
+
+// Exports
+//------------------------------------------------------
+@include exports("progress") {
+
+  /**
+   * progress
+   * --------------------------------------------------
+   */
+  .progress {
+      background-color: $progress-background-color;
+      @include box-shadow($value: none);
+
+      &-bar {
+        background-color: $progress-primary;
+        @include box-shadow($value: none);
+      }
+      &-bar-success {
+        background-color: $progress-success;
+      }
+      &-bar-info {
+        background-color: $progress-info;
+      }
+      &-bar-warning {
+        background-color: $progress-warning;
+      }
+      &-bar-danger {
+        background-color: $progress-danger;
+      }
+  }
+}
+
+

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

@@ -0,0 +1,179 @@
+// Variables
+//------------------------------------------------------
+$tab-background-color:                 $lightgray-dark !default;
+$tab-background-color-hover:           $lightgray-light !default;
+$tab-radius:                           4px !default;
+
+$tab-font-color:                       $darkgray-dark !default;
+$tab-font-color-acitve:                $white !default;
+
+$tab-aside-width:                      74px !default;
+
+$tab-border-color:                     $mediumgray-light !default;
+// Exports
+//------------------------------------------------------
+
+@include exports("tab") {
+
+  /**
+   * tab
+   * --------------------------------------------------
+   */
+  .nav-tabs {
+      border-bottom: none;
+      background-color: $tab-background-color;
+      @include radius($type: border-radius, $value: $tab-radius $tab-radius 0 0);
+
+      & > li {
+        margin-bottom: 0;
+        border-left: 1px solid $tab-border-color;
+      }
+      & > li:first-child {
+        border-left: none;
+      }
+      & > li > a {
+          margin-right: 0;
+          border: none;
+          @include radius($type: border-radius, $value: 0);
+          color: $tab-font-color;
+      }
+      & > li:first-child > a {
+        @include radius($type: border-radius, $value: $tab-radius 0 0 0);
+      }
+      & > li > a:focus,
+      & > li > a:hover {
+          border: none;
+          background-color: $tab-background-color-hover; 
+      }
+      & > li.active > a, 
+      & > li.active > a:focus, 
+      & > li.active > a:hover {
+          border: none;
+          background-color: $tab-font-color-acitve !important;
+      }
+
+      & .dropdown-toggle,
+      & .dropdown-toggle:hover,
+      & .dropdown-toggle:focus {
+          color: $tab-font-color;
+      }
+
+      & li.dropdown.open .dropdown-toggle {
+          color: $tab-font-color;
+          background-color: $tab-background-color-hover;          
+      } 
+      & li.dropdown.active.open .dropdown-toggle {
+          color: $tab-font-color;
+      }
+      & li.dropdown.active.open .dropdown-toggle .caret,
+      & li.dropdown.active .dropdown-toggle .caret {
+          border-top-color: $tab-font-color;
+          border-bottom-color: $tab-font-color;
+      }
+      & li.dropdown.open .caret,
+      & li.dropdown.open.active .caret,
+      & li.dropdown.open a:hover .caret,
+      & li.dropdown.open a:focus .caret,
+      & .dropdown-toggle .caret,
+      & .dropdown-toggle:hover .caret,
+      & .dropdown-toggle:focus .caret {
+          border-top-color: $tab-font-color;
+          border-bottom-color: $tab-font-color;
+      }
+
+      &.nav-justified > li > a {
+          margin-bottom: 0;
+          text-align: center;
+      }
+      &.nav-justified > .dropdown .dropdown-menu {
+          top: auto;
+          left: auto;
+      }
+      &.nav-justified > li > a {
+          @include radius($type: border-radius, $value: 0);
+      }
+      &.nav-justified > li:first-child > a {
+          @include radius($type: border-radius, $value: $tab-radius 0 0 0);        
+      }
+      &.nav-justified > li:last-child > a {
+          @include radius($type: border-radius, $value: 0 $tab-radius 0 0);        
+      }
+      &.nav-justified > .active > a,
+      &.nav-justified > .active > a:hover,
+      &.nav-justified > .active > a:focus {
+          border: none;
+      }
+      @media (min-width: 768px) {
+        &.nav-justified > li > a {
+            border-bottom: none;
+            @include radius($type: border-radius, $value: 0);
+        }
+        &.nav-justified > .active > a,
+        &.nav-justified > .active > a:hover,
+        &.nav-justified > .active > a:focus {
+            border-bottom: none;
+        }
+      }
+
+      @at-root .tab-content {
+          padding: 10px;
+      }
+  }
+
+  .tabs-below {
+      & .nav-tabs {
+          @include radius($type: border-radius, $value: 0 0 $tab-radius $tab-radius);
+      }
+      & .nav-tabs > li:first-child > a {
+          @include radius($type: border-radius, $value: 0 0 0 $tab-radius);
+      }
+      & .nav-tabs.nav-justified > li:last-child > a {
+          @include radius($type: border-radius, $value: 0 0 $tab-radius 0);        
+      }
+  }
+
+  .tabs-left .nav-tabs > li,
+  .tabs-right .nav-tabs > li {
+      float: none;
+      border-left: none;
+      border-top: 1px solid $tab-border-color; 
+  }
+  .tabs-left .nav-tabs > li:first-child,
+  .tabs-right .nav-tabs > li:first-child {
+      border-top: none;
+  }
+  .tabs-left .nav-tabs > li > a,
+  .tabs-right .nav-tabs > li > a {
+      min-width: $tab-aside-width;
+      margin-right: 0;
+  }
+  .tabs-left {
+    & .nav-tabs {
+        float: left;
+        margin-right: 19px;
+        @include radius($type: border-radius, $value: $tab-radius 0 0 $tab-radius);
+    }
+    & .nav-tabs > li:first-child > a {
+        @include radius($type: border-radius, $value: $tab-radius 0 0 0);      
+    }
+    & .nav-tabs > li:last-child > a {
+        @include radius($type: border-radius, $value: 0 0 0 $tab-radius);      
+    }
+  }
+  .tabs-right {
+    & .nav-tabs {
+        float: right;
+        margin-left: 19px;
+        @include radius($type: border-radius, $value: 0 $tab-radius $tab-radius 0);
+    }
+    & .nav-tabs > li:first-child > a {
+        @include radius($type: border-radius, $value: 0 $tab-radius 0 0);      
+    }
+    & .nav-tabs > li:last-child > a {
+        @include radius($type: border-radius, $value: 0 0 $tab-radius 0);      
+    }
+  }
+
+}
+
+

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

@@ -0,0 +1,39 @@
+// Variables
+//------------------------------------------------------
+$media-font-color:                $darkgray-dark !default;
+
+
+$thumbnail-shadow:                0 1px 2px rgba(0, 0, 0, .2) !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("thumbnail") {
+
+  /**
+   * thumbnail
+   * --------------------------------------------------
+   */
+  .thumbnail {
+    border: none;
+    @include box-shadow($value: $list-shadow);
+
+    & .caption {
+      font-size: 14px;
+    }
+
+    & .caption h1,
+    & .caption h2,
+    & .caption h3,
+    & .caption h4,
+    & .caption h5,
+    & .caption h6 {
+      margin: 5px 0 10px;
+      font-size: 16px;
+    }
+  }
+
+}
+
+

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

@@ -0,0 +1,42 @@
+// Variables
+//------------------------------------------------------
+$tooltip-background-color:               $darkgray-dark !default;
+$tooltip-font-color:                     $white !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("tooltip") {
+
+  /**
+   * tooltip
+   * --------------------------------------------------
+   */
+
+  .tooltip {
+    @at-root &-inner {
+        color: $tooltip-font-color;
+        background-color: $tooltip-background-color;
+    }
+    &.top &-arrow,
+    &.top-left &-arrow,
+    &.top-right &-arrow {
+        border-top-color: $tooltip-background-color;
+    }
+    &.right &-arrow {
+        border-right-color: $tooltip-background-color;
+    }
+    &.left &-arrow {
+        border-left-color: $tooltip-background-color;
+    }
+    &.bottom &-arrow,
+    &.bottom-left &-arrow, 
+    &.bottom-right &-arrow {
+        border-bottom-color: $tooltip-background-color;
+    }
+  }
+
+}
+
+

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

@@ -0,0 +1,127 @@
+// Variables
+//------------------------------------------------------
+$body-font-color:            $darkgray-dark !default;
+$body-background-color:      $white !default;
+
+$link-font-color:            $aqua-dark !default; 
+$link-font-color-hover:      $aqua-light !default; 
+
+$blockquote-border-color:    $mediumgray-light !default;
+
+$image-radius:               4px !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("typography") {
+
+  /**
+   * typography
+   * --------------------------------------------------
+   */
+
+  body {
+    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    // font-family: 'Lato', sans-serif;
+    color: $body-font-color;
+    background-color: $body-background-color;
+  }
+  a {
+    color: $link-font-color;
+    text-decoration: none;
+
+    &:hover,
+    &:focus {
+      color: $link-font-color-hover;
+      text-decoration: none;
+    }
+    &:focus {
+      outline: none;
+    }
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6 {
+    font-family: inherit;
+    font-weight: 700;
+    line-height: 1.1;
+    color: inherit;
+  }
+  h1 small,
+  h2 small,
+  h3 small,
+  h4 small,
+  h5 small,
+  h6 small,
+  .h1 small,
+  .h2 small,
+  .h3 small,
+  .h4 small,
+  .h5 small,
+  .h6 small {
+    color: #e7e9ec;
+  }
+  h1,
+  h2,
+  h3 {
+    margin-top: 30px;
+    margin-bottom: 15px;
+  }
+  h4,
+  h5,
+  h6 {
+    margin-top: 15px;
+    margin-bottom: 15px;
+  }
+  h6 {
+    font-weight: normal;
+  }
+  h1,
+  .h1 {
+    font-size: 51px;
+  }
+  h2,
+  .h2 {
+    font-size: 43px;
+  }
+  h3,
+  .h3 {
+    font-size: 30px;
+  }
+  h4,
+  .h4 {
+    font-size: 19px;
+  }
+  h5,
+  .h5 {
+    font-size: 18px;
+  }
+  h6,
+  .h6 {
+    font-size: 14px;
+  }
+  blockquote {
+    border-left: 3px solid $blockquote-border-color;
+  }
+  .img-rounded {
+    @include radius($type: border-radius, $value: $image-radius);
+  }
+  .img-comment {
+    font-size: 15px;
+    line-height: 1.2;
+    font-style: italic;
+    margin: 24px 0;
+  }
+
+}
+
+