jekyll-bootflat 0.1.1

data/_sass/bootflat/_thumbnail.scss

@@ -0,0 +1,43 @@
+// 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);
+
+    & a > img, & > img {
+      width: 100%;
+    }
+
+    & .caption {
+      font-size: 14px;
+    }
+
+    & .caption h1,
+    & .caption h2,
+    & .caption h3,
+    & .caption h4,
+    & .caption h5,
+    & .caption h6 {
+      margin: 5px 0 10px;
+      font-size: 16px;
+    }
+  }
+
+}
+
+

data/_sass/bootflat/_timeline.scss

@@ -0,0 +1,189 @@
+// Variables
+//------------------------------------------------------
+$timeline-division-background-color:      $mediumgray-light !default;
+$timeline-years-background-color:		  $mediumgray-dark !default;
+$timeline-years-color:                    $white !default;
+$timeline-dotted-color:                   $aqua-light !default;
+$timeline-dotted-border-color:            $lightgray-light !default;
+
+$timeline-radius:                         4px !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("timeline") {
+
+  /**
+   * timeline
+   * --------------------------------------------------
+   */
+
+  .timeline {
+	  & dl {
+		  position: relative;
+		  top: 0;
+		  margin: 0;
+		  padding: 20px 0;
+
+		  &:before {
+			  position: absolute;
+			  top: 0;
+			  bottom: 0;
+			  left: 50%;
+			  margin-left: -1px;
+			  width: 2px;
+			  content: '';
+			  background-color: $timeline-division-background-color;
+			  z-index: 100;
+		  }
+
+		  & dt {
+			  position: relative;
+			  top: 30px;
+			  padding: 3px 5px;
+			  margin: 0 auto 30px;
+			  text-align: center;
+			  @include radius($type: border-radius, $value: $timeline-radius);
+			  background-color: $timeline-years-background-color;
+			  font-weight: normal;
+			  color: $timeline-years-color;
+			  width: 120px;
+			  z-index: 200;
+		  }
+
+		  & dd {
+			  position: relative;
+			  z-index: 200;
+			  & .circ {
+				  position: absolute;
+				  top: 40px;
+				  left: 50%;
+				  margin-left: -11px;
+				  border: 4px solid $timeline-dotted-border-color;
+				  width: 22px;
+				  height: 22px;
+				  @include radius($type: border-radius, $value: 50%);
+				  background-color: $timeline-dotted-color;
+				  z-index: 200;
+			  }
+
+			  & .time {
+				  position: absolute;
+				  top: 31px;
+				  left: 50%;
+				  padding: 10px 20px;
+				  width: 100px;
+				  display: inline-block;
+				  color: $timeline-dotted-color;
+			  }
+
+			  & .events {
+				  position: relative;
+				  margin-top: 31px;
+				  padding: 10px 10px 0;
+				  @include radius($type: border-radius, $value: $timeline-radius);
+				  background-color: $white;
+				  width: 47%;
+
+				  &:before {
+					 position: absolute;
+					 top: 12px;
+					 width: 0;
+					 height: 0;
+					 content: '';
+					 border-width: 6px;
+					 border-style: solid;
+				  }
+
+				  & .events-object {
+					  margin-right: 10px;
+				  }
+
+				  & .events-body {
+					  overflow: hidden;
+					  zoom: 1;
+
+					  & .events-heading {
+						  margin: 0 0 10px;
+						  font-size: 14px;
+					  }
+				  }
+			  }
+
+			  &.pos-right {
+
+				& .time {
+					margin-left: -100px;
+				    text-align: right;
+				}
+				& .events {
+					float: right;
+
+					&:before {
+						left: -12px;
+						border-color: transparent $white transparent transparent;
+					}
+				}
+			  }
+			  &.pos-left {
+				& .time {
+					margin-left: 0;
+				    text-align: left;
+				}
+				& .events {
+					float: left;
+					&:before {
+						right: -12px;
+						border-color: transparent transparent transparent $white;
+					}
+				}
+			  }
+		  }
+	  }
+  }
+  @media screen and (max-width: 767px) {
+		.timeline dl {
+			&:before {
+				left: 60px;
+			}
+			& dt {
+				margin: 0 0 30px;
+			}
+			& dd {
+				& .circ {
+					left: 60px;
+				}
+				& .time {
+					left: 0;
+				}
+				&.pos-left {
+					& .time {
+						margin-left: 0;
+						padding: 10px 0;
+						text-align: left;
+					}
+					& .events {
+						float: right;
+						width: 84%;
+						&:before {
+							left: -12px;
+							border-color: transparent $white transparent transparent;
+						}
+					}
+				}
+				&.pos-right {
+					& .time {
+						margin-left: 0;
+						padding: 10px 0;
+						text-align: left;
+					}
+					& .events {
+						float: right;
+						width: 84%;
+					}
+				}
+			}
+		}
+  }
+
+}

data/_sass/bootflat/_toggle.scss

@@ -0,0 +1,94 @@
+// Variables
+//------------------------------------------------------
+$toggle-height:                         32px !default;
+$toggle-checkbox-opacity:               0 !default;
+
+$toggle-transition-value:               all .25s ease-in-out !default;
+
+$toggle-default-background-color:		$white !default;
+$toggle-checked-background-color:		$grass-light !default;
+$toggle-disabled-background-color:		$lightgray-dark !default;
+
+$toggle-handle-width:					50px !default;
+$toggle-handle-height:					32px !default;
+$toggle-handle-radius:					19px !default;
+
+$toggle-control-width:					30px !default;
+$toggle-control-height:					30px !default;
+$toggle-control-radius:					30px !default;
+
+$toggle-shadow:                         inset 0 0 0 1px lighten($mediumgray-dark, 5%) !default;
+$toggle-control-shadow:                 inset 0 0 0 1px lighten($mediumgray-dark, 5%), 1px 1px 1px lighten($mediumgray-dark, 10%) !default;
+$toggle-checked-shadow:                 inset 0 0 0 1px $lightgray-light, 1px 1px 1px lighten($mediumgray-dark, 10%) !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("toggle") {
+
+  /**
+   * toggle
+   * --------------------------------------------------
+   */
+  .toggle {
+	height: $toggle-height;
+
+	& input[type="checkbox"],
+	& input[type="radio"] {
+		width: 0;
+		height: 0;
+		margin: 0;
+		padding: 0;
+		text-indent: -100000px;
+		@include opacity($opacity: $toggle-checkbox-opacity, $filter: true);
+	}
+
+	& .handle {
+		display: block;
+		position: relative;
+		top: -20px;
+		left: 0;
+		width: $toggle-handle-width;
+		height: $toggle-handle-height;
+		background-color: $toggle-default-background-color;
+		@include radius($value: $toggle-handle-radius);
+		@include box-shadow($value:$toggle-shadow);
+
+		&:before,
+		&:after {
+			content: "";
+			position: absolute;
+			top: 1px;
+			left: 1px;
+			display: block;
+			width: $toggle-control-width;
+			height: $toggle-control-height;
+			@include radius($value: $toggle-control-radius);
+			@include transition($toggle-transition-value);
+			background-color: $toggle-default-background-color;
+			@include box-shadow($value:$toggle-control-shadow);
+		}
+
+	}
+	& input[type="checkbox"]:disabled + .handle,
+	& input[type="radio"]:disabled + .handle,
+	& input[type="checkbox"]:disabled + .handle:before,
+	& input[type="radio"]:disabled + .handle:before,
+	& input[type="checkbox"]:disabled + .handle:after,
+	& input[type="radio"]:disabled + .handle:after {
+		@include opacity($opacity: 60, $filter: true);
+		background-color: $toggle-disabled-background-color;
+	}
+
+	& input[type="checkbox"]:checked + .handle:before,
+	& input[type="radio"]:checked + .handle:before {
+		width: $toggle-handle-width;
+		background-color: $toggle-checked-background-color;
+	}
+	& input[type="checkbox"]:checked + .handle:after,
+	& input[type="radio"]:checked + .handle:after {
+		left: 20px;
+		@include box-shadow($value:$toggle-checked-shadow);
+	}
+  }
+}

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