jekyll-bootflat 0.1.1

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

@@ -0,0 +1,258 @@
+// Variables
+//------------------------------------------------------
+$selecter-primary:                     $aqua-dark !default;
+
+$selecter-border-color:                $mediumgray-dark !default;
+$selecter-background-color:            $white !default;
+$selecter-disabled-color:              $mediumgray-dark !default;
+$selecter-disabled-background-color:   $lightgray-dark !default;
+$selecter-radius-value:                4px !default;
+$selecter-arrow-width:                 20px !default;
+
+$selecter-group-color:                 $mediumgray-dark !default;
+$selecter-group-background-color:      $lightgray-light !default;
+
+$selecter-item-border-color:		   $lightgray-dark !default;
+$selecter-item-hover:		           $lightgray-dark !default;
+$selecter-item-selected:		       $aqua-dark !default;
+$selecter-item-selected-border-color:  $aqua-light !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("selecter") {
+	.selecter {
+		display: block;
+		position: relative;
+		max-width: 100%;
+		z-index: 1;
+		outline: none;
+
+		& .selecter-element {
+			display: none;
+			*left: -999999px;
+			height: 100%;
+			left: 0;
+			position: absolute;
+			@include opacity($opacity: 0, $filter: true);
+			width: 100%;
+			z-index: 0;
+		}
+		& .selecter-element,
+		& .selecter-element:focus {
+			outline: none;
+			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+			-webkit-tap-highlight-color: transparent;
+		}
+
+		& .selecter-selected {
+			background-color: $selecter-background-color;
+			border: 1px solid $selecter-border-color;
+			@include radius($value: $selecter-radius-value);
+			cursor: pointer;
+			display: block;
+			overflow: hidden;
+			padding: 6px 10px;
+			position: relative;
+			text-overflow: clip;
+			z-index: 2;
+
+			&:after {
+				position: absolute;
+				top: 14px;
+				right: 10px;
+				content: "";
+				width: 0;
+				height: 0;
+				border-top: 4px solid $black;
+				border-left: 4px solid transparent;
+				border-right: 4px solid transparent;
+			}
+		}
+		& .selecter-options {
+			border: 1px solid $selecter-border-color;
+			border-width: 0 1px 1px;
+			@include radius($value: 0 0 $selecter-radius-value $selecter-radius-value);
+			@include box-shadow($value: 0 6px 12px rgba(0,0,0,.175));
+			background-color: $selecter-background-color;
+			display: none;
+			left: 0;
+			max-height: 260px;
+			overflow: auto;
+			overflow-x: hidden;
+			position: absolute;
+			top: 100%;
+			width: 100%;
+			*width: auto;
+			z-index: 50;
+		}
+		& .selecter-group {
+			border-bottom: 1px solid $selecter-item-border-color;
+			color: $selecter-group-color;
+			background-color: $selecter-group-background-color;
+			display: block;
+			font-size: 11px;
+			padding: 5px 10px 4px;
+			text-transform: uppercase;
+		}
+		& .selecter-item {
+			background-color: $selecter-background-color;
+			border-bottom: 1px solid $selecter-item-border-color;
+			cursor: pointer;
+			display: block;
+			margin: 0;
+			overflow: hidden;
+			padding: 6px 10px;
+			text-overflow: ellipsis;
+			width: 100%;
+
+			&.selected {
+				color: $white;
+				border-bottom-color: $selecter-item-selected-border-color;
+				background-color: $selecter-item-selected;
+			}
+			&.disabled {
+				color: $selecter-disabled-color;
+				cursor: default;
+			}
+			&:first-child {
+				@include radius($value: 0);
+			}
+			&:last-child {
+				@include radius($value: 0 0 $selecter-radius-value $selecter-radius-value);
+				border-bottom: 0;
+			}
+		}
+
+		& .selecter-item:hover {
+			background-color: $selecter-item-hover;
+		}
+		& .selecter-item.selected:hover {
+			background-color: $selecter-item-selected;
+		}
+
+		& .selecter-item.disabled:hover,
+		&:hover .selecter-selected,
+		&.disabled .selecter-item:hover {
+			background-color: $selecter-background-color;
+		}
+
+		/* Open */
+		&.open {
+			outline: 0;
+			z-index: 3;
+
+			& .selecter-selected {
+				border: 1px solid $selecter-primary;
+				@include radius($value: $selecter-radius-value $selecter-radius-value 0 0);
+				z-index: 51;
+			}
+		}
+
+		&.open .selecter-selected,
+		&.focus .selecter-selected {
+			background-color: $selecter-background-color;
+		}
+
+		/* 'Cover' Positioning */
+		&.cover {
+			& .selecter-options {
+				@include radius($value: $selecter-radius-value);
+				border-width: 1px;
+				top: 0;
+
+				& .selecter-item.first {
+					@include radius($value: $selecter-radius-value $selecter-radius-value 0 0);
+				}
+
+			}
+
+			&.open .selecter-selected {
+				@include radius($value: $selecter-radius-value $selecter-radius-value 0 0);
+				z-index: 49;
+			}
+		}
+
+
+		/* 'Bottom' Positioning */
+		&.bottom {
+			& .selecter-options {
+				border-width: 1px 1px 0;
+				bottom: 100%;
+				top: auto;
+			}
+			& .selecter-item:last-child {
+				@include radius($value: 0);
+				border: none;
+			}
+			&.open .selecter-selected {
+				@include radius($value: 0 0 $selecter-radius-value $selecter-radius-value);
+			}
+			&.open .selecter-options {
+				@include radius($value: $selecter-radius-value $selecter-radius-value 0 0);
+			}
+		}
+
+		/* 'Bottom' + 'Cover' Positioning */
+		&.bottom.cover {
+			& .selecter-options {
+				bottom: 0;
+				top: auto;
+			}
+			&.open .selecter-selected,
+			&.open .selecter-options {
+				@include radius($value: $selecter-radius-value);
+			}
+		}
+
+
+		/* Multiple Select */
+		&.multiple .selecter-options {
+			@include radius($value: $selecter-radius-value);
+			border-width: 1px;
+			box-shadow: none;
+			display: block;
+			position: static;
+			width: 100%;
+		}
+
+		/* 'Disabled' State */
+		&.disabled {
+			& .selecter-selected {
+				background-color: $selecter-disabled-background-color;
+				border-color: $selecter-disabled-background-color;
+				color: $selecter-disabled-color;
+				cursor: default;
+			}
+			& .selecter-options {
+				background-color: $selecter-disabled-background-color;
+				border-color: $selecter-disabled-background-color;
+			}
+			& .selecter-group,
+			& .selecter-item {
+				background-color: $selecter-disabled-background-color;
+				border-color: $selecter-item-border-color;
+				color: $selecter-disabled-color;
+				cursor: default;
+			}
+			& .selecter-item.selected {
+				background-color: $selecter-primary;
+				@include opacity($opacity: 45, $filter: true);
+				color: $white;
+			}
+		}
+
+
+		/* Scroller Support */
+		& .selecter-options.scroller {
+			overflow: hidden;
+
+			& .scroller-content {
+				max-height: 260px;
+				padding: 0;
+			}
+		}
+
+	}
+}

data/_sass/bootflat/_stepper.scss

@@ -0,0 +1,79 @@
+// Variables
+//------------------------------------------------------
+$stepper-primary:                     $aqua-dark !default;
+$stepper-primary-hover:               $aqua-light !default;
+
+$stepper-arrow-width:                 20px !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("stepper") {
+
+  /**
+   * stepper
+   * --------------------------------------------------
+   */
+  .stepper {
+	& .stepper-input {
+		overflow: hidden;
+		-moz-appearance: textfield;
+
+		&::-webkit-inner-spin-button,
+		&::-webkit-outer-spin-button {
+			-webkit-appearance: none;
+			margin: 0;
+		}
+	}
+
+	& .stepper-arrow {
+		background-color: $stepper-primary;
+		cursor: pointer;
+		display: block;
+		height: 50%;
+		position: absolute;
+		right: 15px;
+		text-indent: -99999px;
+		width: $stepper-arrow-width;
+
+		&:hover,
+		&:active {
+			background-color: $stepper-primary-hover;
+		}
+	}
+	& .up {
+		@include prefixer($property: border-top-right-radius, $value: 3px, $prefixes: webkit moz spec);
+		border: 1px solid  darken($stepper-primary, 7%);
+		top: 0;
+	}
+	& .down {
+		@include prefixer($property: border-bottom-right-radius, $value: 3px, $prefixes: webkit moz spec);
+		bottom: 0;
+	}
+	& .up::before,
+	& .down::before {
+		content: "";
+		position: absolute;
+		width: 0;
+		height: 0;
+		border-left: 4px solid transparent;
+		border-right: 4px solid transparent;
+	}
+	& .up::before {
+		top: 5px;
+		left: 5px;
+		border-bottom: 4px solid $white;
+	}
+	& .down:before {
+		bottom: 5px;
+		left: 6px;
+		border-top: 4px solid $white;
+	}
+	&.disabled .stepper-arrow {
+		background-color: $stepper-primary;
+		@include opacity($opacity: 45, $filter: true);
+	}
+  }
+
+}

data/_sass/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);      
+    }
+  }
+
+}
+
+