jekyll-theme-nielshoppe 0.0.2 → 0.0.3

data/_sass/bootstrap-sass/bootstrap/mixins/_panels.scss

@@ -0,0 +1,24 @@
+// Panels
+
+@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
+  border-color: $border;
+
+  & > .panel-heading {
+    color: $heading-text-color;
+    background-color: $heading-bg-color;
+    border-color: $heading-border;
+
+    + .panel-collapse > .panel-body {
+      border-top-color: $border;
+    }
+    .badge {
+      color: $heading-bg-color;
+      background-color: $heading-text-color;
+    }
+  }
+  & > .panel-footer {
+    + .panel-collapse > .panel-body {
+      border-bottom-color: $border;
+    }
+  }
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_progress-bar.scss

@@ -0,0 +1,10 @@
+// Progress bars
+
+@mixin progress-bar-variant($color) {
+  background-color: $color;
+
+  // Deprecated parent class requirement as of v3.2.0
+  .progress-striped & {
+    @include gradient-striped;
+  }
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_reset-filter.scss

@@ -0,0 +1,8 @@
+// Reset filters for IE
+//
+// When you need to remove a gradient background, do not forget to use this to reset
+// the IE filter for IE9 and below.
+
+@mixin reset-filter() {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_reset-text.scss

@@ -0,0 +1,18 @@
+@mixin reset-text() {
+  font-family: $font-family-base;
+  // We deliberately do NOT reset font-size.
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: $line-height-base;
+  text-align: left; // Fallback for where `start` is not supported
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_resize.scss

@@ -0,0 +1,6 @@
+// Resize anything
+
+@mixin resizable($direction) {
+  resize: $direction; // Options: horizontal, vertical, both
+  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_responsive-visibility.scss

@@ -0,0 +1,21 @@
+// Responsive utilities
+
+//
+// More easily include all the states for responsive-utilities.less.
+// [converter] $parent hack
+@mixin responsive-visibility($parent) {
+  #{$parent} {
+    display: block !important;
+  }
+  table#{$parent}  { display: table !important; }
+  tr#{$parent}     { display: table-row !important; }
+  th#{$parent},
+  td#{$parent}     { display: table-cell !important; }
+}
+
+// [converter] $parent hack
+@mixin responsive-invisibility($parent) {
+  #{$parent} {
+    display: none !important;
+  }
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_size.scss

@@ -0,0 +1,10 @@
+// Sizing shortcuts
+
+@mixin size($width, $height) {
+  width: $width;
+  height: $height;
+}
+
+@mixin square($size) {
+  @include size($size, $size);
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_tab-focus.scss

@@ -0,0 +1,9 @@
+// WebKit-style focus
+
+@mixin tab-focus() {
+  // WebKit-specific. Other browsers will keep their default outline style.
+  // (Initially tried to also force default via `outline: initial`,
+  // but that seems to erroneously remove the outline in Firefox altogether.)
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_table-row.scss

@@ -0,0 +1,28 @@
+// Tables
+
+@mixin table-row-variant($state, $background) {
+  // Exact selectors below required to override `.table-striped` and prevent
+  // inheritance to nested tables.
+  .table > thead > tr,
+  .table > tbody > tr,
+  .table > tfoot > tr {
+    > td.#{$state},
+    > th.#{$state},
+    &.#{$state} > td,
+    &.#{$state} > th {
+      background-color: $background;
+    }
+  }
+
+  // Hover states for `.table-hover`
+  // Note: this is not available for cells or rows within `thead` or `tfoot`.
+  .table-hover > tbody > tr {
+    > td.#{$state}:hover,
+    > th.#{$state}:hover,
+    &.#{$state}:hover > td,
+    &:hover > .#{$state},
+    &.#{$state}:hover > th {
+      background-color: darken($background, 5%);
+    }
+  }
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_text-emphasis.scss

@@ -0,0 +1,12 @@
+// Typography
+
+// [converter] $parent hack
+@mixin text-emphasis-variant($parent, $color) {
+  #{$parent} {
+    color: $color;
+  }
+  a#{$parent}:hover,
+  a#{$parent}:focus {
+    color: darken($color, 10%);
+  }
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_text-overflow.scss

@@ -0,0 +1,8 @@
+// Text overflow
+// Requires inline-block or block for proper styling
+
+@mixin text-overflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

data/_sass/bootstrap-sass/bootstrap/mixins/_vendor-prefixes.scss

@@ -0,0 +1,222 @@
+// Vendor Prefixes
+//
+// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
+// Autoprefixer in our Gruntfile. They have been removed in v4.
+
+// - Animations
+// - Backface visibility
+// - Box shadow
+// - Box sizing
+// - Content columns
+// - Hyphens
+// - Placeholder text
+// - Transformations
+// - Transitions
+// - User Select
+
+
+// Animations
+@mixin animation($animation) {
+  -webkit-animation: $animation;
+       -o-animation: $animation;
+          animation: $animation;
+}
+@mixin animation-name($name) {
+  -webkit-animation-name: $name;
+          animation-name: $name;
+}
+@mixin animation-duration($duration) {
+  -webkit-animation-duration: $duration;
+          animation-duration: $duration;
+}
+@mixin animation-timing-function($timing-function) {
+  -webkit-animation-timing-function: $timing-function;
+          animation-timing-function: $timing-function;
+}
+@mixin animation-delay($delay) {
+  -webkit-animation-delay: $delay;
+          animation-delay: $delay;
+}
+@mixin animation-iteration-count($iteration-count) {
+  -webkit-animation-iteration-count: $iteration-count;
+          animation-iteration-count: $iteration-count;
+}
+@mixin animation-direction($direction) {
+  -webkit-animation-direction: $direction;
+          animation-direction: $direction;
+}
+@mixin animation-fill-mode($fill-mode) {
+  -webkit-animation-fill-mode: $fill-mode;
+          animation-fill-mode: $fill-mode;
+}
+
+// Backface visibility
+// Prevent browsers from flickering when using CSS 3D transforms.
+// Default value is `visible`, but can be changed to `hidden`
+
+@mixin backface-visibility($visibility) {
+  -webkit-backface-visibility: $visibility;
+     -moz-backface-visibility: $visibility;
+          backface-visibility: $visibility;
+}
+
+// Drop shadows
+//
+// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
+// supported browsers that have box shadow capabilities now support it.
+
+@mixin box-shadow($shadow...) {
+  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
+          box-shadow: $shadow;
+}
+
+// Box sizing
+@mixin box-sizing($boxmodel) {
+  -webkit-box-sizing: $boxmodel;
+     -moz-box-sizing: $boxmodel;
+          box-sizing: $boxmodel;
+}
+
+// CSS3 Content Columns
+@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
+  -webkit-column-count: $column-count;
+     -moz-column-count: $column-count;
+          column-count: $column-count;
+  -webkit-column-gap: $column-gap;
+     -moz-column-gap: $column-gap;
+          column-gap: $column-gap;
+}
+
+// Optional hyphenation
+@mixin hyphens($mode: auto) {
+  word-wrap: break-word;
+  -webkit-hyphens: $mode;
+     -moz-hyphens: $mode;
+      -ms-hyphens: $mode; // IE10+
+       -o-hyphens: $mode;
+          hyphens: $mode;
+}
+
+// Placeholder text
+@mixin placeholder($color: $input-color-placeholder) {
+  // Firefox
+  &::-moz-placeholder {
+    color: $color;
+    opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
+  }
+  &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
+  &::-webkit-input-placeholder  { color: $color; } // Safari and Chrome
+}
+
+// Transformations
+@mixin scale($ratio...) {
+  -webkit-transform: scale($ratio);
+      -ms-transform: scale($ratio); // IE9 only
+       -o-transform: scale($ratio);
+          transform: scale($ratio);
+}
+
+@mixin scaleX($ratio) {
+  -webkit-transform: scaleX($ratio);
+      -ms-transform: scaleX($ratio); // IE9 only
+       -o-transform: scaleX($ratio);
+          transform: scaleX($ratio);
+}
+@mixin scaleY($ratio) {
+  -webkit-transform: scaleY($ratio);
+      -ms-transform: scaleY($ratio); // IE9 only
+       -o-transform: scaleY($ratio);
+          transform: scaleY($ratio);
+}
+@mixin skew($x, $y) {
+  -webkit-transform: skewX($x) skewY($y);
+      -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+       -o-transform: skewX($x) skewY($y);
+          transform: skewX($x) skewY($y);
+}
+@mixin translate($x, $y) {
+  -webkit-transform: translate($x, $y);
+      -ms-transform: translate($x, $y); // IE9 only
+       -o-transform: translate($x, $y);
+          transform: translate($x, $y);
+}
+@mixin translate3d($x, $y, $z) {
+  -webkit-transform: translate3d($x, $y, $z);
+          transform: translate3d($x, $y, $z);
+}
+@mixin rotate($degrees) {
+  -webkit-transform: rotate($degrees);
+      -ms-transform: rotate($degrees); // IE9 only
+       -o-transform: rotate($degrees);
+          transform: rotate($degrees);
+}
+@mixin rotateX($degrees) {
+  -webkit-transform: rotateX($degrees);
+      -ms-transform: rotateX($degrees); // IE9 only
+       -o-transform: rotateX($degrees);
+          transform: rotateX($degrees);
+}
+@mixin rotateY($degrees) {
+  -webkit-transform: rotateY($degrees);
+      -ms-transform: rotateY($degrees); // IE9 only
+       -o-transform: rotateY($degrees);
+          transform: rotateY($degrees);
+}
+@mixin perspective($perspective) {
+  -webkit-perspective: $perspective;
+     -moz-perspective: $perspective;
+          perspective: $perspective;
+}
+@mixin perspective-origin($perspective) {
+  -webkit-perspective-origin: $perspective;
+     -moz-perspective-origin: $perspective;
+          perspective-origin: $perspective;
+}
+@mixin transform-origin($origin) {
+  -webkit-transform-origin: $origin;
+     -moz-transform-origin: $origin;
+      -ms-transform-origin: $origin; // IE9 only
+          transform-origin: $origin;
+}
+
+
+// Transitions
+
+@mixin transition($transition...) {
+  -webkit-transition: $transition;
+       -o-transition: $transition;
+          transition: $transition;
+}
+@mixin transition-property($transition-property...) {
+  -webkit-transition-property: $transition-property;
+          transition-property: $transition-property;
+}
+@mixin transition-delay($transition-delay) {
+  -webkit-transition-delay: $transition-delay;
+          transition-delay: $transition-delay;
+}
+@mixin transition-duration($transition-duration...) {
+  -webkit-transition-duration: $transition-duration;
+          transition-duration: $transition-duration;
+}
+@mixin transition-timing-function($timing-function) {
+  -webkit-transition-timing-function: $timing-function;
+          transition-timing-function: $timing-function;
+}
+@mixin transition-transform($transition...) {
+  -webkit-transition: -webkit-transform $transition;
+     -moz-transition: -moz-transform $transition;
+       -o-transition: -o-transform $transition;
+          transition: transform $transition;
+}
+
+
+// User select
+// For selecting text on the page
+
+@mixin user-select($select) {
+  -webkit-user-select: $select;
+     -moz-user-select: $select;
+      -ms-user-select: $select; // IE10+
+          user-select: $select;
+}

data/_sass/layouts/card-good.scss

@@ -0,0 +1,129 @@
+.layout-card {
+
+& {
+
+    text-transform: uppercase;
+}
+
+#card {
+
+    @extend .container;
+
+    background-color: white;
+}
+
+.card {
+
+    @include paper;
+
+    width: 17em;
+    height: 10.4em;
+
+    font-size: 2em;
+    transform: rotate(-2deg);
+
+	ul.table-cell li {
+
+	    display: inline;
+	}
+
+	#card-motif {
+
+	    line-height: 1.1em;
+
+        .left {
+
+    	    width: 30.9%;
+    	    text-align: right;
+        }
+
+        .middle {
+
+    	    width: 38.2%;
+    	    text-align: center;
+
+    	    padding: 0 0.3em 0.1em 0.65em;
+    	    padding: 0 0.1em 0 0.9em;
+        }
+
+        .right {
+
+    	    width: 30.9%;
+    	    text-align: left;
+        }
+	}
+
+	a {
+	    border-bottom: 1px dotted lightgrey;
+	    text-decoration: none;
+	}
+
+	a:link,
+	a:visited
+	{
+	    color: black;
+	}
+
+	a:hover {
+	    border-color: darkgrey;
+	}
+
+
+	#card {
+
+	    font-size: 40%;
+
+        .top {
+
+            height: 3em;
+
+            & > ul {
+
+        	    text-align: right;
+        	    padding: 0 1em;
+            }
+
+        	a:link,
+        	a:visited
+        	{
+        	    color: lightgrey;
+        	}
+
+        	a:hover {
+        	    color: darkgrey;
+        	}
+        }
+
+        .bottom {
+
+            height: 3em;
+
+        	& > div {
+
+        	    text-align: center;
+        	    padding: 0 1em;
+        	}
+        }
+    }
+}
+
+/* Small devices (tablets, 768px and up) */
+@media (min-width: $screen-sm-min) {
+
+    #card {
+        @include paper;
+
+        margin-top: 2em;
+        margin-bottom: 2em;
+    }
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: $screen-md-min) {
+}
+
+/* Large devices (large desktops, 1200px and up) */
+@media (min-width: $screen-lg-min) {
+}
+
+}

data/_sass/layouts/card.scss

@@ -0,0 +1,50 @@
+.layout-card {
+
+/* Extra small devices (phones, less than 768px) */
+/* No media query since this is the default in Bootstrap */
+
+& {
+
+    //@extend .container;
+    width: 34em;
+}
+
+#content {
+
+    background-color: white;
+    text-transform: uppercase;
+}
+
+/* Small devices (tablets, 768px and up) */
+@media (min-width: $screen-sm-min) {
+
+    & {
+
+        // https://www.w3.org/Style/Examples/007/center
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-right: -50%;
+        transform: translate(-50%, -50%);
+    }
+
+    #content {
+        @include paper;
+
+        width: 34em;
+        height: 20.8em;
+
+        font-size: 1em;
+        //transform: rotate(-2deg);
+    }
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: $screen-md-min) {
+}
+
+/* Large devices (large desktops, 1200px and up) */
+@media (min-width: $screen-lg-min) {
+}
+
+}

data/_sass/layouts/envelope.scss

@@ -0,0 +1,107 @@
+@import 'yellow';
+@import 'animations';
+//@import 'typography';
+
+.layout-envelope {
+
+.envelope {
+
+    /*
+	animation: spin 10s infinite linear;
+    */
+	background-color: $envelope-side-color;
+	width: 40em;
+	height: 22.5em;
+	box-shadow: -1em 1em 2em 0em rgba(0, 0, 0, 0.25);
+	margin: 0 auto;
+	position: relative;
+	transform-style: preserve-3d;
+  	transition: 1s;
+
+	.front {
+
+		transform: translateZ(-1px) rotateY(180deg);
+		background-color: $envelope-bottom-color;
+		width: 40em;
+		height: 22.5em;
+		position: absolute;
+	}
+
+	.inner {
+
+		position: absolute;
+
+		&:before {
+
+			border-left: 20em solid transparent;
+			border-right: 20em solid transparent;
+			border-top: 15em solid $envelope-inside-color;
+			position: absolute;
+			content:"";
+		}
+	}
+
+	.bottom {
+
+		position: absolute;
+		height: 22.5em;
+
+		&:before {
+
+			border-left: 20em solid transparent;
+			border-right: 20em solid transparent;
+			border-bottom: 15em solid $envelope-bottom-edge-color;
+			position: absolute;
+			content: "";
+			top: 7.4em;
+		}
+
+		&:after {
+
+			border-left: 17em solid transparent;
+			border-right: 17em solid transparent;
+			border-bottom: 12em solid $envelope-bottom-color;
+			position: absolute;
+			margin: 0 auto;
+			text-align: center;
+			left: 3em;
+			content:"";
+			top: 10.5em;
+		}
+	}
+
+	.flap {
+
+		animation: open 1s 1 ease-in-out;
+		animation-fill-mode: forwards;
+		transform: rotateX(10deg);
+		transform-origin: top right;
+		width: 0;
+		height: 0;
+		position: relative;
+		transition: all 1s;
+
+		&:before {
+
+			border-left: 20em solid transparent;
+			border-right: 20em solid transparent;
+			border-top: 15em solid $envelope-top-edge-color;
+			position: absolute;
+			content:"";
+		}
+
+		&:after {
+
+			border-left: 17em solid transparent;
+			border-right: 17em solid transparent;
+			border-top: 12em solid $envelope-top-color;
+			position: absolute;
+			margin: 0 auto;
+			text-align: center;
+			left: 3em;
+			content:"";
+		}
+	}
+}
+
+}