jekyll-bootflat 0.1.1

data/_sass/bootflat/_pager.scss

@@ -0,0 +1,42 @@
+// Variables
+//------------------------------------------------------
+$paper-background-color:                  $grass-dark !default;
+$paper-background-color-hover:            $grass-light !default;
+
+$paper-font-color:                        $white !default;
+$paper-font-color-disabled:               $lightgray-dark !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("pager") {
+
+  /**
+   * pager
+   * --------------------------------------------------
+   */
+  .pager {
+
+    & li > a,
+    & li > span {
+      color: $paper-font-color;
+      background-color: $paper-background-color;
+      border-color: $paper-background-color;
+    }
+    & li > a:hover,
+    & li > a:focus {
+      background-color: $paper-background-color-hover;
+      border-color: $paper-background-color-hover; 
+    }
+    & .disabled > a,
+    & .disabled > a:hover,
+    & .disabled > a:focus,
+    & .disabled > span {
+      color: $paper-font-color-disabled;
+      background-color: $paper-font-color;
+      border-color: $paper-font-color-disabled;
+    }
+  }
+}
+
+

data/_sass/bootflat/_pagination.scss

@@ -0,0 +1,59 @@
+// Variables
+//------------------------------------------------------
+$pagination-background-color:                  $white !default;
+$pagination-background-color-hover:            $mediumgray-light !default;
+$pagination-background-color-active:           $grass-dark !default;
+
+$pagination-font-color:                        $darkgray-dark !default;
+$pagination-font-color-hover:                  $white !default;
+$pagination-font-color-disabled:               $lightgray-dark !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("pagination") {
+
+  /**
+   * pagination
+   * --------------------------------------------------
+   */
+  .pagination {
+
+    & > li > a,
+    & > li > span {
+      color: $pagination-font-color;
+      background-color: $pagination-background-color;
+      border-color: $pagination-background-color-hover;
+    }
+    & > li > a:hover,
+    & > li > span:hover,
+    & > li > a:focus,
+    & > li > span:focus {
+      color: $pagination-font-color-hover;
+      background-color: $pagination-background-color-hover;
+      border-color: $pagination-background-color-hover;
+    }
+    & > .active > a,
+    & > .active > span,
+    & > .active > a:hover,
+    & > .active > span:hover,
+    & > .active > a:focus,
+    & > .active > span:focus {
+      color: $pagination-font-color-hover;
+      background-color: $pagination-background-color-active;
+      border-color: $pagination-background-color-active;
+    }
+    & > .disabled > span,
+    & > .disabled > span:hover,
+    & > .disabled > span:focus,
+    & > .disabled > a,
+    & > .disabled > a:hover,
+    & > .disabled > a:focus {
+      color: $pagination-font-color-disabled;
+      background-color: $pagination-background-color;
+      border-color: $pagination-background-color-hover;
+    }
+  }
+}
+
+

data/_sass/bootflat/_panel.scss

@@ -0,0 +1,169 @@
+// Variables
+//------------------------------------------------------
+$panel-normal:                  $lightgray-dark !default;
+$panel-default:                 $white !default;
+$panel-primary:                 $aqua-dark !default;
+$panel-success:                 $grass-dark !default;
+$panel-danger:                  $grapefruit-dark !default;
+$panel-warning:                 $sunflower-dark !default;
+$panel-info:                    $mint-dark !default;
+
+$panel-font-color:              $darkgray-dark !default;
+
+$panel-background-color:        $white !default;
+$panel-shadow:                  0 1px 2px rgba(0, 0, 0, .2) !default;
+$panel-radius:                  4px !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("panel") {
+
+  /**
+   * panel
+   * --------------------------------------------------
+   */
+  .panel {
+    background-color: $panel-background-color;
+    border: none;
+    @include radius($type: border-radius, $value: $panel-radius); 
+    @include box-shadow($value: $panel-shadow);
+
+    & .list-group {
+      @include box-shadow($value: none);    
+    }
+    & .list-group-item:first-child {
+      border-top: 1px solid $panel-normal;
+    }
+
+    &-heading {
+      @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); 
+    }
+    &-title {
+      font-size: 14px;
+      color: $panel-font-color;
+      font-weight: normal;
+    }
+    &-footer {
+      background-color: $panel-normal;
+      border-top-color: $panel-normal;
+      @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); 
+    }
+
+    @at-root &-default {
+      border-color: $panel-normal;
+      & > .panel-heading {
+        color: $panel-font-color;
+        background-color: $panel-normal;
+        border-color: $panel-normal;
+      }
+    }
+    @at-root &-primary {
+      border-color: $panel-primary;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-primary;
+        border-color: $panel-primary;
+      }
+    }
+    @at-root &-success {
+      border-color: $panel-success;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-success;
+        border-color: $panel-success;
+      }
+    }
+    @at-root &-info {
+      border-color: $panel-info;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-info;
+        border-color: $panel-info;
+      }
+    }
+    @at-root &-warning {
+      border-color: $panel-warning;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-warning;
+        border-color: $panel-warning;
+      }
+    }
+    @at-root &-danger {
+      border-color: $panel-danger;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-danger;
+        border-color: $panel-danger;
+      }
+    }
+
+    @at-root &-primary > &-heading > &-title,
+    &-success > &-heading > &-title,
+    &-info > &-heading > &-title,
+    &-warning > &-heading > &-title,
+    &-danger > &-heading > &-title {
+      color: $panel-default;
+    }
+
+    & > .list-group:first-child .list-group-item:first-child,
+    & > .table:first-child,
+    & > .table-responsive:first-child > .table:first-child {
+      @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); 
+    }
+    & > .list-group:last-child .list-group-item:last-child {
+      @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); 
+    }
+    & > .table:first-child > thead:first-child > tr:first-child td:first-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+    & > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+    & > .table:first-child > thead:first-child > tr:first-child th:first-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+    & > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+     @include radius($type: border-radius, $value: $panel-radius 0 0 0);
+    }
+    & > .table:first-child > thead:first-child > tr:first-child td:last-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+    & > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+    & > .table:first-child > thead:first-child > tr:first-child th:last-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+    & > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+      @include radius($type: border-radius, $value: 0 $panel-radius 0 0);
+    }
+    & > .table:last-child,
+    & > .table-responsive:last-child > .table:last-child {
+      @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius);
+    }
+    & > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+    & > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+      @include radius($type: border-radius, $value: 0 0 0 $panel-radius);
+    }
+    & > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+    & > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+      @include radius($type: border-radius, $value: 0 0 $panel-radius 0);
+    }
+    & > &-body + .table,
+    & > &-body + .table-responsive {
+      border-top-color: $panel-normal;
+    }
+  }
+
+}

data/_sass/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/_sass/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/_sass/bootflat/_pricing.scss

@@ -0,0 +1,139 @@
+// Variables
+//------------------------------------------------------
+$pricing-primary:                 $aqua-light !default;
+$pricing-success:                 $grass-light !default;
+$pricing-warning:                 $sunflower-light !default;
+
+$pricing-foot-background-color:   $lightgray-dark !default;
+$pricing-shadow:                  0 1px 2px rgba(0, 0, 0, .2) !default;
+$pricing-shadow-active:           0 0 8px rgba(0, 0, 0, .6) !default;
+$pricing-radius:                  4px !default;
+
+
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("pricing") {
+
+  /**
+   * pricing
+   * --------------------------------------------------
+   */
+  .pricing {
+
+		& ul {
+			list-style: none;
+			padding: 0;
+		}
+
+		& .unit {
+			position: relative;
+			display: inline-block;
+			text-align: center;
+			min-width: 250px;
+			@include radius($type: border-radius, $value: $pricing-radius);
+			@include box-shadow($value: $pricing-shadow);
+
+			&.active {
+				top: 5px;
+				margin-left: -36px;
+				margin-right: -36px;
+				z-index: 1;
+				@include box-shadow($value: $pricing-shadow-active);
+
+				& .price-title h3 {
+					font-size: 40px;
+				}
+			}
+		}
+
+		@media screen and (max-width: 767px) {
+			& .unit {
+				display: block;
+				margin-bottom: 20px;
+
+				&.active {
+					top: 0;
+					margin-left: 0;
+					margin-right: 0;
+
+					& .price-title h3 {
+						font-size: 30px;
+					}
+				}
+			}
+		}
+
+		& .price-title {
+			padding: 20px 20px 10px;
+			@include radius($type: border-top-left-radius, $value: $pricing-radius);
+			@include radius($type: border-top-right-radius, $value: $pricing-radius);
+			color: #FFF;
+
+			& h3,
+		    & h3 > p {
+				margin: 0;
+			}
+		}
+
+		& .price-body {
+			padding: 20px 20px 10px;
+
+			& ul {
+				padding-top: 10px;
+			}
+
+			& li {
+				margin-bottom: 10px;
+			}
+
+			& h4 {
+				margin: 0;
+			}
+		}
+
+		& .price-foot {
+			padding: 20px;
+			@include radius($type: border-bottom-left-radius, $value: $pricing-radius);
+			@include radius($type: border-bottom-right-radius, $value: $pricing-radius);
+
+			background-color: $pricing-foot-background-color;
+		}
+
+		& .price-primary {
+			& .price-title {
+				background-color: $pricing-primary;
+			}
+			& .price-body {
+				background-color: lighten($pricing-primary, 30%);
+				& ul {
+					border-top: 1px solid lighten($pricing-primary, 20%);
+				}
+			}
+		}
+		& .price-success {
+			& .price-title {
+				background-color: $pricing-success;
+			}
+			& .price-body {
+				background-color: lighten($pricing-success, 30%);
+				& ul {
+					border-top: 1px solid lighten($pricing-success, 20%);
+				}
+			}
+		}
+		& .price-warning {
+			& .price-title {
+				background-color: $pricing-warning;
+			}
+			& .price-body {
+				background-color: lighten($pricing-warning, 30%);
+				& ul {
+					border-top: 1px solid lighten($pricing-warning, 20%);
+				}
+			}
+		}
+	}
+}