jekyll-bootflat 0.1.1

data/_sass/bootflat/_jumbotron.scss

@@ -0,0 +1,84 @@
+// Variables
+//------------------------------------------------------
+$jumbotron-font-color:            $darkgray-dark !default;
+
+$jumbotron-background-color:      $white !default;
+
+$jumbotron-radius:                4px;
+$jumbotron-shadow:                0 1px 2px rgba(0, 0, 0, .2) !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("jumbotron") {
+
+  /**
+   * jumbotron
+   * --------------------------------------------------
+   */
+  .jumbotron {
+    margin-bottom: 20px;
+    padding: 0;
+    @include radius($type: border-radius, $value: $jumbotron-radius);
+    background-color: $jumbotron-background-color;
+    @include box-shadow($value: $jumbotron-shadow);
+
+    @at-root .container & {
+      @include radius($type: border-radius, $value: $jumbotron-radius);      
+    }
+
+    & > &-photo img {
+      @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0);       
+      width: 100%;
+    }
+
+    & &-contents {
+      padding: 20px;
+      color: $jumbotron-font-color;
+    }
+    & .carousel,
+    & .carousel-inner,
+    & .carousel-inner > .item.active img {
+      @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0); 
+    }
+    .carousel-inner > .item > a >img, 
+    .carousel-inner > .item > img {
+      width: 100%;
+    }
+    & .carousel-control.left {
+      @include radius($type: border-radius, $value: $jumbotron-radius 0 0 0);       
+    }
+    & .carousel-control.right {
+      @include radius($type: border-radius, $value: 0 $jumbotron-radius 0 0);       
+    }
+
+    & h1, & .h1,
+    & h2, & .h2 {
+      font-weight: 400;
+    }
+
+    & h1, & .h1 {
+      font-size: 28px;
+    }
+    & h2, & .h2 {
+      font-size: 24px;
+    }
+    & p {
+      font-size: 14px;
+    }
+
+    @media screen and (min-width: 768px) {
+      &,
+      .container & {
+        padding: 0;
+      }
+      & h1,
+      & .h1 {
+        font-size: 28px;
+      }
+    }
+  }
+}
+
+

data/_sass/bootflat/_label_badge.scss

@@ -0,0 +1,65 @@
+// Variables
+//------------------------------------------------------
+$label-normal:                  $mediumgray-dark !default;
+$label-default:                 $white !default;
+$label-primary:                 $aqua-dark !default;
+$label-success:                 $grass-dark !default;
+$label-danger:                  $grapefruit-dark !default;
+$label-warning:                 $sunflower-dark !default;
+$label-info:                    $mint-dark !default;
+
+$label-default-font-color:      $darkgray-dark !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("label-badge") {
+
+  /**
+   * labels and badges
+   * --------------------------------------------------
+   */
+  .label,
+  .badge {
+    background-color: $label-normal;
+  }
+
+  .label-default,
+  .badge-default {
+    border: 1px solid $button-normal;
+    background-color: $label-default;
+    color: $label-default-font-color;
+  }
+
+  .label-primary,
+  .badge-primary {
+    border-color: $label-primary;
+    background-color: $label-primary;
+  }
+
+  .label-success,
+  .badge-success {
+    border-color: $label-success;
+    background-color: $label-success;
+  }
+
+  .label-danger,
+  .badge-danger {
+    border-color: $label-danger;
+    background-color: $label-danger;
+  }
+
+  .label-warning,
+  .badge-warning {
+    border-color: $label-warning;
+    background-color: $label-warning;
+  }
+
+  .label-info,
+  .badge-info {
+    border-color: $label-info;
+    background-color: $label-info;
+  }
+}
+
+

data/_sass/bootflat/_list.scss

@@ -0,0 +1,188 @@
+// Variables
+//------------------------------------------------------
+$list-primary:                                 $aqua-light !default;
+$list-info:                                    $mint-light !default;
+$list-warning:                                 $sunflower-light !default;
+$list-success:                                 $grass-light !default;
+$list-danger:                                  $grapefruit-light !default;
+
+$list-primary-hover:                           $aqua-dark !default;
+$list-info-hover:                              $mint-dark !default;
+$list-warning-hover:                           $sunflower-dark !default;
+$list-success-hover:                           $grass-dark !default;
+$list-danger-hover:                            $grapefruit-dark !default;
+
+$list-border-color:                            $lightgray-dark !default;
+$list-background-color:                        $white !default;
+$list-font-color:                              $darkgray-dark !default;
+$list-font-color-hover:                        $mediumgray-dark !default;
+
+$list-item-background-color:                   $lightgray-dark !default;
+
+$list-radius:                                  4px !default;
+$list-shadow:                                  0 1px 2px rgba(0, 0, 0, .2) !default;
+
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("list") {
+
+  /**
+   * list
+   * --------------------------------------------------
+   */
+  .list-group {
+    @include radius($type: border-radius, $value: $list-radius);
+    @include box-shadow($value: $list-shadow);
+    @at-root &-item {
+      border-color: transparent; 
+      border-top-color: $list-border-color;
+      &:first-child {
+        border-top: none;
+      }
+      @at-root &-heading {
+        color: $list-font-color;
+      }
+    }
+  }
+
+
+  a.list-group-item {
+    color: $list-font-color;
+
+    & .list-group-item-heading {
+      font-size: 16px;
+      color: $list-font-color;
+    }
+
+    &:hover,
+    &:focus {
+      background-color: $list-item-background-color;
+    }
+    &.active,
+    &.active:hover,
+    &.active:focus {
+      background-color: $list-primary;
+      border-color: $list-primary;
+    }
+    &.active .list-group-item-text,
+    &.active:hover .list-group-item-text,
+    &.active:focus .list-group-item-text {
+      color: $list-background-color;
+    }
+  }
+  .list-group-item-primary {
+    color: darken($list-primary, 10%);
+    border-color: $list-primary-hover transparent transparent transparent;
+    background-color: $list-primary;
+    &:first-child {
+      border-color: transparent;      
+    }
+    @at-root a.list-group-item-primary {
+      color: darken($list-primary, 30%);
+      &:hover,
+      &:focus {
+        color: $list-background-color;
+        background-color: $list-primary-hover;
+      }
+      &.active,
+      &:hover,
+      &:focus {
+        background-color: $list-primary-hover;
+        border-color: $list-primary transparent transparent transparent;
+      }
+    }
+  }
+  .list-group-item-success {
+    color: darken($list-success, 10%);
+    border-color: $list-success-hover transparent transparent transparent;
+    background-color: $list-success;
+    &:first-child {
+      border-color: transparent;      
+    }
+    @at-root a.list-group-item-success {
+      color: darken($list-success, 30%);
+      &:hover,
+      &:focus {
+        color: $list-background-color;
+        background-color: $list-success-hover;
+      }
+      &.active,
+      &:hover,
+      &:focus {
+        background-color: $list-success-hover;
+        border-color: $list-success transparent transparent transparent;
+      }
+    }
+  }
+  .list-group-item-warning {
+    color: darken($list-warning, 10%);
+    border-color: $list-warning-hover transparent transparent transparent;
+    background-color: $list-warning;
+    &:first-child {
+      border-color: transparent;      
+    }
+    @at-root a.list-group-item-warning {
+      color: darken($list-warning, 40%);
+      &:hover,
+      &:focus {
+        color: $list-background-color;
+        background-color: $list-warning-hover;
+      }
+      &.active,
+      &:hover,
+      &:focus {
+        background-color: $list-warning-hover;
+        border-color: $list-warning transparent transparent transparent;
+      }
+    }
+  }
+  .list-group-item-info {
+    color: darken($list-info, 10%);
+    border-color: $list-info-hover transparent transparent transparent;
+    background-color: $list-info;
+    &:first-child {
+      border-color: transparent;      
+    }
+    @at-root a.list-group-item-info {
+      color: darken($list-info, 30%);
+      &:hover,
+      &:focus {
+        color: $list-background-color;
+        background-color: $list-info-hover;
+      }
+      &.active,
+      &:hover,
+      &:focus {
+        background-color: $list-info-hover;
+        border-color: $list-info transparent transparent transparent;
+      }
+    }
+  }
+  .list-group-item-danger {
+    color: darken($list-danger, 10%);
+    border-color: $list-danger-hover transparent transparent transparent;
+    background-color: $list-danger;
+    &:first-child {
+      border-color: transparent;      
+    }
+    @at-root a.list-group-item-danger {
+      color: darken($list-danger, 30%);
+      &:hover,
+      &:focus {
+        color: $list-background-color;
+        background-color: $list-danger-hover;
+      }
+      &.active,
+      &:hover,
+      &:focus {
+        background-color: $list-danger-hover;
+        border-color: $list-danger transparent transparent transparent;
+      }
+    }
+  }
+}
+
+

data/_sass/bootflat/_media_list.scss

@@ -0,0 +1,26 @@
+// Variables
+//------------------------------------------------------
+$media-list-font-color-head:                $darkgray-dark !default;
+$media-list-font-color-body:                $mediumgray-dark !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("media-list") {
+
+  /**
+   * media list
+   * --------------------------------------------------
+   */
+  .media-list {
+    color: $media-list-font-color-body;
+    @at-root .media-heading {
+      font-size: 14px;
+      color: $media-list-font-color-head;
+    }
+  }
+
+}
+
+

data/_sass/bootflat/_modal.scss

@@ -0,0 +1,39 @@
+// Variables
+//------------------------------------------------------
+$modal-font-color:            $darkgray-dark !default;
+
+$modal-radius:                4px;
+$modal-shadow:                0 1px 2px rgba(0, 0, 0, .2) !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("modal") {
+
+  /**
+   * modal
+   * --------------------------------------------------
+   */
+
+  .modal {
+    &-content {
+      border: none;
+      @include radius($type: border-radius, $value: $modal-radius);
+      color: $modal-font-color; 
+      @include box-shadow($value: $modal-shadow);
+    }
+    &-header {
+      border-bottom: none;
+    }
+    &-body {
+      padding: 0 15px;
+    }
+    &-footer {
+      border-top: none;
+    }
+  }
+
+}
+
+

data/_sass/bootflat/_navbar.scss

@@ -0,0 +1,216 @@
+// Variables
+//------------------------------------------------------
+$navbar-background-color:                    $mint-dark !default;
+$navbar-background-color-active:             $mint-light !default;
+
+$navbar-font-color:                          $black !default;
+$navbar-item-background-color-hover:         $navbar-background-color-active !default;
+
+$navbar-inverse-background-color:            $black !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("navbar") {
+
+  /**
+   * navbar
+   * --------------------------------------------------
+   */
+  .navbar-form {
+	  padding: 0 !important;
+  }
+
+  .navbar-default {
+      & {
+          background-color: $navbar-background-color;
+          border-color: $navbar-background-color;
+      }
+      & .navbar-brand,
+      & .navbar-link,
+      & .btn-link {
+          color: darken($navbar-background-color, 15%);
+      }
+      & .navbar-brand:hover,
+      & .navbar-brand:focus,
+      & .navbar-link:hover,
+      & .btn-link:hover,
+      & .btn-link:focus {
+          color: $navbar-font-color;
+          background-color: transparent;
+      }
+      & .navbar-text,
+      & .navbar-nav > li > a {
+          color: darken($navbar-background-color, 35%);
+      }
+      & .navbar-nav > li > a:hover,
+      & .navbar-nav > li > a:focus {
+          color: $navbar-font-color;
+      }
+      & .navbar-nav > .active > a,
+      & .navbar-nav > .active > a:hover,
+      & .navbar-nav > .active > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-background-color-active;
+      }
+      & .btn-link[disabled]:hover,
+      fieldset[disabled] & .btn-link:hover,
+      & .btn-link[disabled]:focus,
+      fieldset[disabled] & .btn-link:focus,
+      & .navbar-nav > .disabled > a,
+      & .navbar-nav > .disabled > a:hover,
+      & .navbar-nav > .disabled > a:focus {
+          color: darken($navbar-background-color, 8%);
+          background-color: transparent;
+      }
+      & .navbar-toggle {
+          border-color: darken($navbar-background-color, 15%);
+          background-color: darken($navbar-background-color, 15%);
+      }
+      & .navbar-toggle:hover,
+      & .navbar-toggle:focus {
+          border-color: darken($navbar-background-color, 10%);
+          background-color: darken($navbar-background-color, 10%);
+      }
+      & .navbar-toggle .icon-bar {
+          background-color: $navbar-background-color;
+      }
+      & .navbar-collapse,
+      & .navbar-form {
+          border-color: $navbar-item-background-color-hover;
+      }
+
+
+      & .navbar-nav > .open > a,
+      & .navbar-nav > .open > a:hover,
+      & .navbar-nav > .open > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-background-color;
+      }
+
+      @media (max-width: 767px) {
+          & .navbar-nav > li > a:hover,
+          & .navbar-nav > li > a:focus {
+              background-color: $navbar-background-color-active;
+          }
+          & .navbar-nav .open .dropdown-menu > .divider {
+              background-color: $navbar-item-background-color-hover;
+          }
+          & .navbar-nav .open .dropdown-menu > li > a {
+              color: darken($navbar-background-color, 15%);;
+          }
+          & .navbar-nav .open .dropdown-menu > li > a:hover,
+          & .navbar-nav .open .dropdown-menu > li > a:focus,
+          & .navbar-nav .open .dropdown-menu > .active > a,
+          & .navbar-nav .open .dropdown-menu > .active > a:hover,
+          & .navbar-nav .open .dropdown-menu > .active > a:focus {
+              color: $navbar-font-color;
+              background-color: $navbar-item-background-color-hover;
+          }
+          & .navbar-nav .open .dropdown-menu > .dropdown-header {
+              color: darken($navbar-background-color, 15%);
+          }
+          & .navbar-nav .open .dropdown-menu > .disabled > a,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+              color: darken($navbar-background-color, 10%);
+          }
+      }
+  }
+
+  .navbar-inverse {
+      & {
+          background-color: lighten($navbar-inverse-background-color, 20%);
+          border-color: lighten($navbar-inverse-background-color, 20%);
+      }
+      & .navbar-brand,
+      & .navbar-link,
+      & .btn-link {
+          color: lighten($navbar-inverse-background-color, 55%);
+      }
+      & .navbar-brand:hover,
+      & .navbar-brand:focus,
+      & .navbar-link:hover,
+      & .btn-link:hover,
+      & .btn-link:focus {
+          color: $navbar-font-color;
+          background-color: transparent;
+      }
+      & .navbar-text,
+      & .navbar-nav > li > a {
+          color: lighten($navbar-inverse-background-color, 55%);
+      }
+      & .navbar-nav > li > a:hover,
+      & .navbar-nav > li > a:focus {
+          color: $navbar-font-color;
+      }
+      & .navbar-nav > .active > a,
+      & .navbar-nav > .active > a:hover,
+      & .navbar-nav > .active > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-inverse-background-color;
+      }
+      & .btn-link[disabled]:hover,
+      fieldset[disabled] & .btn-link:hover,
+      & .btn-link[disabled]:focus,
+      fieldset[disabled] & .btn-link:focus,
+      & .navbar-nav > .disabled > a,
+      & .navbar-nav > .disabled > a:hover,
+      & .navbar-nav > .disabled > a:focus {
+          color: lighten($navbar-inverse-background-color, 40%);
+          background-color: transparent;
+      }
+      & .navbar-toggle {
+          border-color: $navbar-inverse-background-color;
+          background-color: $navbar-inverse-background-color;
+      }
+      & .navbar-toggle:hover,
+      & .navbar-toggle:focus {
+          border-color: lighten($navbar-inverse-background-color, 10%);
+          background-color: lighten($navbar-inverse-background-color, 10%);
+      }
+      & .navbar-toggle .icon-bar {
+          background-color: lighten($navbar-inverse-background-color, 55%);
+      }
+      & .navbar-collapse,
+      & .navbar-form {
+          border-color: $navbar-inverse-background-color;
+      }
+      & .navbar-nav > .open > a,
+      & .navbar-nav > .open > a:hover,
+      & .navbar-nav > .open > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-inverse-background-color;
+      }
+
+      @media (max-width: 767px) {
+          & .navbar-nav > li > a:hover,
+          & .navbar-nav > li > a:focus {
+              background-color: $navbar-inverse-background-color;
+          }
+          & .navbar-nav .open .dropdown-menu > .divider {
+              background-color: $navbar-inverse-background-color;
+          }
+          & .navbar-nav .open .dropdown-menu > li > a {
+              color: lighten($navbar-inverse-background-color, 55%);
+          }
+          & .navbar-nav .open .dropdown-menu > li > a:hover,
+          & .navbar-nav .open .dropdown-menu > li > a:focus,
+          & .navbar-nav .open .dropdown-menu > .active > a,
+          & .navbar-nav .open .dropdown-menu > .active > a:hover,
+          & .navbar-nav .open .dropdown-menu > .active > a:focus {
+              color: $navbar-font-color;
+              background-color: $navbar-inverse-background-color;
+          }
+          & .navbar-nav .open .dropdown-menu > .dropdown-header {
+              color: lighten($navbar-inverse-background-color, 75%);
+          }
+          & .navbar-nav .open .dropdown-menu > .disabled > a,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+              color: lighten($navbar-inverse-background-color, 40%);
+          }
+      }
+  }
+
+}