jekyll_patternbot 0.12.0

data/assets/_patternbot/common/gridifier.min.css

@@ -0,0 +1 @@
+.grid{margin:0;padding:0;letter-spacing:-.31em;text-rendering:optimizeSpeed;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.grid-bottom{-ms-align-items:flex-end;align-items:flex-end}.grid-middle{-ms-align-items:center;align-items:center}.grid-stretch{-ms-align-items:stretch;align-items:stretch}.grid,.opera-only :-o-prefocus{word-spacing:-.43em}.unit{letter-spacing:normal;text-rendering:auto;vertical-align:top;word-spacing:normal;display:inline-block;visibility:visible}.grid-bottom .unit{vertical-align:bottom}.grid-middle .unit{vertical-align:middle}[class*=unit-pull-],[class*=unit-push-]{position:relative}.unit-content-distribute{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.unit-content-center,.unit-content-center-vertical{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:column wrap;flex-flow:column wrap}.unit-content-center,.unit-content-center-horizontal,.unit-content-center-vertical{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;align-content:center}.unit-content-center-horizontal{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:row wrap;flex-flow:row wrap}.content-fill,.content-stretch{-ms-flex-grow:2;flex-grow:2;max-width:100%}.content-shrink{-ms-align-self:center;align-self:center}.unit-xs-hidden,.xs-0{display:none;visibility:hidden}.unit-xs-centered{margin:0 auto}.unit-xs-1,.xs-1{display:block;visibility:visible;width:100%}.unit-xs-1-2,.xs-1-2{width:50%}.unit-xs-1-3,.xs-1-3{width:33.3333%}.unit-xs-2-3,.xs-2-3{width:66.6667%}.unit-xs-1-4,.xs-1-4{width:25%}.unit-xs-3-4,.xs-3-4{width:75%}.unit-xs-1-5,.xs-1-5{width:20%}.unit-xs-2-5,.xs-2-5{width:40%}.unit-xs-3-5,.xs-3-5{width:60%}.unit-xs-4-5,.xs-4-5{width:80%}.unit-xs-1-6,.xs-1-6{width:16.6667%}.unit-xs-5-6,.xs-5-6{width:83.3333%}.unit-xs-1-2,.unit-xs-1-3,.unit-xs-1-4,.unit-xs-1-5,.unit-xs-1-6,.unit-xs-2-3,.unit-xs-2-5,.unit-xs-3-4,.unit-xs-3-5,.unit-xs-4-5,.unit-xs-5-6,.xs-1-2,.xs-1-3,.xs-1-4,.xs-1-5,.xs-1-6,.xs-2-3,.xs-2-5,.xs-3-4,.xs-3-5,.xs-4-5,.xs-5-6{display:inline-block;visibility:visible}.unit-xs-1-2[class*=-content-],.unit-xs-1-3[class*=-content-],.unit-xs-1-4[class*=-content-],.unit-xs-1-5[class*=-content-],.unit-xs-1-6[class*=-content-],.unit-xs-2-3[class*=-content-],.unit-xs-2-5[class*=-content-],.unit-xs-3-4[class*=-content-],.unit-xs-3-5[class*=-content-],.unit-xs-4-5[class*=-content-],.unit-xs-5-6[class*=-content-],.xs-1-2[class*=-content-],.xs-1-3[class*=-content-],.xs-1-4[class*=-content-],.xs-1-5[class*=-content-],.xs-1-6[class*=-content-],.xs-2-3[class*=-content-],.xs-2-5[class*=-content-],.xs-3-4[class*=-content-],.xs-3-5[class*=-content-],.xs-4-5[class*=-content-],.xs-5-6[class*=-content-]{display:-ms-flexbox;display:flex}.unit-xs-content-distribute,.xs-content-distribute{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.unit-xs-content-center,.unit-xs-content-center-vertical{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:column wrap;flex-flow:column wrap}.unit-xs-content-center,.unit-xs-content-center-horizontal,.unit-xs-content-center-vertical{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;align-content:center}.unit-xs-content-center-horizontal{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:row wrap;flex-flow:row wrap}.xs-content-fill,.xs-content-stretch{-ms-flex-grow:2;flex-grow:2;max-width:100%}.xs-content-shrink{-ms-align-self:center;align-self:center}@media only screen and (min-width:25em){.s-0,.unit-s-hidden{display:none;visibility:hidden}.unit-s-centered{margin:0 auto}.s-1,.unit-s-1{display:block;visibility:visible;width:100%}.s-1-2,.unit-s-1-2{width:50%}.s-1-3,.unit-s-1-3{width:33.3333%}.s-2-3,.unit-s-2-3{width:66.6667%}.s-1-4,.unit-s-1-4{width:25%}.s-3-4,.unit-s-3-4{width:75%}.s-1-5,.unit-s-1-5{width:20%}.s-2-5,.unit-s-2-5{width:40%}.s-3-5,.unit-s-3-5{width:60%}.s-4-5,.unit-s-4-5{width:80%}.s-1-6,.unit-s-1-6{width:16.6667%}.s-5-6,.unit-s-5-6{width:83.3333%}.s-1-2,.s-1-3,.s-1-4,.s-1-5,.s-1-6,.s-2-3,.s-2-5,.s-3-4,.s-3-5,.s-4-5,.s-5-6,.unit-s-1-2,.unit-s-1-3,.unit-s-1-4,.unit-s-1-5,.unit-s-1-6,.unit-s-2-3,.unit-s-2-5,.unit-s-3-4,.unit-s-3-5,.unit-s-4-5,.unit-s-5-6{display:inline-block;visibility:visible}.s-1-2[class*=-content-],.s-1-3[class*=-content-],.s-1-4[class*=-content-],.s-1-5[class*=-content-],.s-1-6[class*=-content-],.s-2-3[class*=-content-],.s-2-5[class*=-content-],.s-3-4[class*=-content-],.s-3-5[class*=-content-],.s-4-5[class*=-content-],.s-5-6[class*=-content-],.unit-s-1-2[class*=-content-],.unit-s-1-3[class*=-content-],.unit-s-1-4[class*=-content-],.unit-s-1-5[class*=-content-],.unit-s-1-6[class*=-content-],.unit-s-2-3[class*=-content-],.unit-s-2-5[class*=-content-],.unit-s-3-4[class*=-content-],.unit-s-3-5[class*=-content-],.unit-s-4-5[class*=-content-],.unit-s-5-6[class*=-content-]{display:-ms-flexbox;display:flex}.s-content-distribute,.unit-s-content-distribute{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.unit-s-content-center,.unit-s-content-center-vertical{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:column wrap;flex-flow:column wrap}.unit-s-content-center,.unit-s-content-center-horizontal,.unit-s-content-center-vertical{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;align-content:center}.unit-s-content-center-horizontal{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:row wrap;flex-flow:row wrap}.s-content-fill,.s-content-stretch{-ms-flex-grow:2;flex-grow:2;max-width:100%}.s-content-shrink{-ms-align-self:center;align-self:center}}@media only screen and (min-width:38em){.m-0,.unit-m-hidden{display:none;visibility:hidden}.unit-m-centered{margin:0 auto}.m-1,.unit-m-1{display:block;visibility:visible;width:100%}.unit-offset-m-0{margin-left:0}.unit-pull-m-0,.unit-push-m-0{left:0}.m-1-2,.unit-m-1-2{width:50%}.unit-offset-m-1-2{margin-left:50%}.unit-push-m-1-2{left:50%}.unit-pull-m-1-2{left:-50%}.m-1-3,.unit-m-1-3{width:33.3333%}.unit-offset-m-1-3{margin-left:33.3333%}.unit-push-m-1-3{left:33.3333%}.unit-pull-m-1-3{left:-33.3333%}.m-2-3,.unit-m-2-3{width:66.6667%}.unit-offset-m-2-3{margin-left:66.6667%}.unit-push-m-2-3{left:66.6667%}.unit-pull-m-2-3{left:-66.6667%}.m-1-4,.unit-m-1-4{width:25%}.unit-offset-m-1-4{margin-left:25%}.unit-push-m-1-4{left:25%}.unit-pull-m-1-4{left:-25%}.m-3-4,.unit-m-3-4{width:75%}.unit-offset-m-3-4{margin-left:75%}.unit-push-m-3-4{left:75%}.unit-pull-m-3-4{left:-75%}.m-1-5,.unit-m-1-5{width:20%}.unit-offset-m-1-5{margin-left:20%}.unit-push-m-1-5{left:20%}.unit-pull-m-1-5{left:-20%}.m-2-5,.unit-m-2-5{width:40%}.unit-offset-m-2-5{margin-left:40%}.unit-push-m-2-5{left:40%}.unit-pull-m-2-5{left:-40%}.m-3-5,.unit-m-3-5{width:60%}.unit-offset-m-3-5{margin-left:60%}.unit-push-m-3-5{left:60%}.unit-pull-m-3-5{left:-60%}.m-4-5,.unit-m-4-5{width:80%}.unit-offset-m-4-5{margin-left:80%}.unit-push-m-4-5{left:80%}.unit-pull-m-4-5{left:-80%}.m-1-6,.unit-m-1-6{width:16.6667%}.unit-offset-m-1-6{margin-left:16.6667%}.unit-push-m-1-6{left:16.6667%}.unit-pull-m-1-6{left:-16.6667%}.m-5-6,.unit-m-5-6{width:83.3333%}.unit-offset-m-5-6{margin-left:83.3333%}.unit-push-m-5-6{left:83.3333%}.unit-pull-m-5-6{left:-83.3333%}.m-1-2,.m-1-3,.m-1-4,.m-1-5,.m-1-6,.m-2-3,.m-2-5,.m-3-4,.m-3-5,.m-4-5,.m-5-6,.unit-m-1-2,.unit-m-1-3,.unit-m-1-4,.unit-m-1-5,.unit-m-1-6,.unit-m-2-3,.unit-m-2-5,.unit-m-3-4,.unit-m-3-5,.unit-m-4-5,.unit-m-5-6{display:inline-block;visibility:visible}.m-1-2[class*=-content-],.m-1-3[class*=-content-],.m-1-4[class*=-content-],.m-1-5[class*=-content-],.m-1-6[class*=-content-],.m-2-3[class*=-content-],.m-2-5[class*=-content-],.m-3-4[class*=-content-],.m-3-5[class*=-content-],.m-4-5[class*=-content-],.m-5-6[class*=-content-],.unit-m-1-2[class*=-content-],.unit-m-1-3[class*=-content-],.unit-m-1-4[class*=-content-],.unit-m-1-5[class*=-content-],.unit-m-1-6[class*=-content-],.unit-m-2-3[class*=-content-],.unit-m-2-5[class*=-content-],.unit-m-3-4[class*=-content-],.unit-m-3-5[class*=-content-],.unit-m-4-5[class*=-content-],.unit-m-5-6[class*=-content-]{display:-ms-flexbox;display:flex}.m-content-distribute,.unit-m-content-distribute{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.unit-m-content-center,.unit-m-content-center-vertical{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:column wrap;flex-flow:column wrap}.unit-m-content-center,.unit-m-content-center-horizontal,.unit-m-content-center-vertical{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;align-content:center}.unit-m-content-center-horizontal{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:row wrap;flex-flow:row wrap}.m-content-fill,.m-content-stretch{-ms-flex-grow:2;flex-grow:2;max-width:100%}.m-content-shrink{-ms-align-self:center;align-self:center}}@media only screen and (min-width:60em){.l-0,.unit-l-hidden{display:none;visibility:hidden}.unit-l-centered{margin:0 auto}.l-1,.unit-l-1{display:block;visibility:visible;width:100%}.unit-offset-l-0{margin-left:0}.unit-pull-l-0,.unit-push-l-0{left:0}.l-1-2,.unit-l-1-2{width:50%}.unit-offset-l-1-2{margin-left:50%}.unit-push-l-1-2{left:50%}.unit-pull-l-1-2{left:-50%}.l-1-3,.unit-l-1-3{width:33.3333%}.unit-offset-l-1-3{margin-left:33.3333%}.unit-push-l-1-3{left:33.3333%}.unit-pull-l-1-3{left:-33.3333%}.l-2-3,.unit-l-2-3{width:66.6667%}.unit-offset-l-2-3{margin-left:66.6667%}.unit-push-l-2-3{left:66.6667%}.unit-pull-l-2-3{left:-66.6667%}.l-1-4,.unit-l-1-4{width:25%}.unit-offset-l-1-4{margin-left:25%}.unit-push-l-1-4{left:25%}.unit-pull-l-1-4{left:-25%}.l-3-4,.unit-l-3-4{width:75%}.unit-offset-l-3-4{margin-left:75%}.unit-push-l-3-4{left:75%}.unit-pull-l-3-4{left:-75%}.l-1-5,.unit-l-1-5{width:20%}.unit-offset-l-1-5{margin-left:20%}.unit-push-l-1-5{left:20%}.unit-pull-l-1-5{left:-20%}.l-2-5,.unit-l-2-5{width:40%}.unit-offset-l-2-5{margin-left:40%}.unit-push-l-2-5{left:40%}.unit-pull-l-2-5{left:-40%}.l-3-5,.unit-l-3-5{width:60%}.unit-offset-l-3-5{margin-left:60%}.unit-push-l-3-5{left:60%}.unit-pull-l-3-5{left:-60%}.l-4-5,.unit-l-4-5{width:80%}.unit-offset-l-4-5{margin-left:80%}.unit-push-l-4-5{left:80%}.unit-pull-l-4-5{left:-80%}.l-1-6,.unit-l-1-6{width:16.6667%}.unit-offset-l-1-6{margin-left:16.6667%}.unit-push-l-1-6{left:16.6667%}.unit-pull-l-1-6{left:-16.6667%}.l-5-6,.unit-l-5-6{width:83.3333%}.unit-offset-l-5-6{margin-left:83.3333%}.unit-push-l-5-6{left:83.3333%}.unit-pull-l-5-6{left:-83.3333%}.l-1-2,.l-1-3,.l-1-4,.l-1-5,.l-1-6,.l-2-3,.l-2-5,.l-3-4,.l-3-5,.l-4-5,.l-5-6,.unit-l-1-2,.unit-l-1-3,.unit-l-1-4,.unit-l-1-5,.unit-l-1-6,.unit-l-2-3,.unit-l-2-5,.unit-l-3-4,.unit-l-3-5,.unit-l-4-5,.unit-l-5-6{display:inline-block;visibility:visible}.l-1-2[class*=-content-],.l-1-3[class*=-content-],.l-1-4[class*=-content-],.l-1-5[class*=-content-],.l-1-6[class*=-content-],.l-2-3[class*=-content-],.l-2-5[class*=-content-],.l-3-4[class*=-content-],.l-3-5[class*=-content-],.l-4-5[class*=-content-],.l-5-6[class*=-content-],.unit-l-1-2[class*=-content-],.unit-l-1-3[class*=-content-],.unit-l-1-4[class*=-content-],.unit-l-1-5[class*=-content-],.unit-l-1-6[class*=-content-],.unit-l-2-3[class*=-content-],.unit-l-2-5[class*=-content-],.unit-l-3-4[class*=-content-],.unit-l-3-5[class*=-content-],.unit-l-4-5[class*=-content-],.unit-l-5-6[class*=-content-]{display:-ms-flexbox;display:flex}.l-content-distribute,.unit-l-content-distribute{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.unit-l-content-center,.unit-l-content-center-vertical{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:column wrap;flex-flow:column wrap}.unit-l-content-center,.unit-l-content-center-horizontal,.unit-l-content-center-vertical{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;align-content:center}.unit-l-content-center-horizontal{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-direction:row wrap;flex-flow:row wrap}.l-content-fill,.l-content-stretch{-ms-flex-grow:2;flex-grow:2;max-width:100%}.l-content-shrink{-ms-align-self:center;align-self:center}}

data/assets/_patternbot/common/modulifier.css

@@ -0,0 +1,539 @@
+/*
+ * Modulifier || Code released under the UNLICENSE
+ * Code under other copyrights & licenses listed below.
+ * https://modulifier.web-dev.tools/#responsive;images;list-group;icons;hidden;positioning
+ */
+
+@-moz-viewport { width: device-width; scale: 1; }
+@-ms-viewport { width: device-width; scale: 1; }
+@-o-viewport { width: device-width; scale: 1; }
+@-webkit-viewport { width: device-width; scale: 1; }
+@viewport { width: device-width; scale: 1; }
+
+html {
+  box-sizing: border-box;
+  -moz-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+*, *::before, *::after {
+  box-sizing: inherit;
+}
+
+body {
+  margin: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+
+template {
+  display: none;
+}
+
+details {
+  cursor: pointer;
+}
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+a,
+area,
+button,
+input,
+label,
+select,
+textarea,
+[tabindex] {
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+}
+
+img {
+  border: 0;
+}
+
+.img-flex,
+.img-flex img {
+  display: block;
+  width: 100%;
+}
+
+svg {
+  fill: currentColor;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+svg.img-flex {
+  width: 100%;
+  height: 100%;
+}
+
+.image-replacement, .ir {
+  overflow: hidden;
+  direction: ltr;
+  text-align: left;
+  text-indent: 100%;
+  white-space: nowrap;
+}
+
+.list-group, .list-group-inline, .list-group--inline {
+  padding-left: 0;
+  list-style-type: none;
+}
+
+.list-group > dd {
+  margin-left: 0;
+}
+
+.list-group-inline::before,
+.list-group-inline::after,
+.list-group--inline::before,
+.list-group--inline::after {
+  content: "";
+  display: table;
+}
+
+.list-group-inline::after,
+.list-group--inline::after {
+  clear: both;
+}
+
+.list-group-inline > li,
+.list-group--inline > li {
+  display: inline-block;
+}
+
+.list-group-inline > dt,
+.list-group--inline > dt {
+  clear: left;
+  float: left;
+  width: 11em;
+}
+
+.list-group-inline > dd,
+.list-group--inline > dd {
+  float: left;
+  min-width: 12em;
+}
+
+.icon {
+  display: inline-block;
+  position: relative;
+  background: transparent none no-repeat center center;
+  background-size: contain;
+  vertical-align: middle;
+}
+
+.i-16, .i--16 {
+  height: 16px;
+  width: 16px;
+}
+
+.i-18, .i--18 {
+  height: 18px;
+  width: 18px;
+}
+
+.i-20, .i--20 {
+  height: 20px;
+  width: 20px;
+}
+
+.i-24, .i--24 {
+  height: 24px;
+  width: 24px;
+}
+
+.i-32, .i--32 {
+  height: 32px;
+  width: 32px;
+}
+
+.i-48, .i--48 {
+  height: 48px;
+  width: 48px;
+}
+
+.i-64, .i--64 {
+  height: 64px;
+  width: 64px;
+}
+
+.i-96, .i--96 {
+  height: 96px;
+  width: 96px;
+}
+
+.i-128, .i--128 {
+  height: 128px;
+  width: 128px;
+}
+
+.i-192, .i--192 {
+  height: 192px;
+  width: 192px;
+}
+
+.i-256, .i--256 {
+  height: 256px;
+  width: 256px;
+}
+
+.icon img,
+.icon svg {
+  left: 0;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  fill: currentColor;
+}
+
+.icon-label {
+  vertical-align: middle;
+}
+
+.icon-link,
+.icon-link:focus,
+.icon-link:hover {
+  text-decoration: none;
+}
+
+[hidden], .hidden {
+  /* stylelint-disable declaration-no-important */
+  display: none !important;
+  visibility: hidden !important;
+  /* stylelint-enable */
+}
+
+.visually-hidden {
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+}
+
+.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto;
+  clip: auto;
+  clip-path: none;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.chop,
+.crop {
+  overflow: hidden;
+}
+
+.truncate {
+  max-width: 100%;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.scrollable {
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+.clearfix::after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+
+.left {
+  float: left;
+}
+
+.right {
+  float: right;
+}
+
+.center-text,
+.center-flow {
+  text-align: center;
+}
+
+.center-block {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.no-auto-margins,
+.not-centered {
+  /* stylelint-disable declaration-no-important */
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  /* stylelint-enable */
+}
+
+.center-content,
+.center-content-vertical,
+.center-contents,
+.center-contents-vertical {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  -webkit-flex-direction: column wrap;
+  -ms-flex-direction: column wrap;
+  flex-flow: column wrap;
+}
+
+.center-content-start,
+.center-content-vertical-start,
+.center-contents-start,
+.center-contents-vertical-start {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-flex-direction: column wrap;
+  -ms-flex-direction: column wrap;
+  flex-flow: column wrap;
+}
+
+.center-content-horizontal,
+.center-contents-horizontal {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  -webkit-flex-direction: row wrap;
+  -ms-flex-direction: row wrap;
+  flex-flow: row wrap;
+}
+
+.inline {
+  display: inline;
+}
+
+.block {
+  display: block;
+}
+
+.inline-block, .ib {
+  display: inline-block;
+}
+
+.valign-top {
+  vertical-align: top;
+}
+
+.valign-bottom {
+  vertical-align: bottom;
+}
+
+.valign-middle {
+  vertical-align: middle;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.relative {
+  position: relative;
+}
+
+[class*="pin-"],
+.absolute {
+  position: absolute;
+}
+
+.static {
+  position: static;
+}
+
+.zindex-1 {
+  z-index: 1;
+}
+
+.zindex-2 {
+  z-index: 2;
+}
+
+.zindex-3 {
+  z-index: 3;
+}
+
+.zindex-1000 {
+  z-index: 1000;
+}
+
+.pin-top-left,
+.pin-left-top,
+.pin-tl,
+.pin-lt {
+  top: 0;
+  left: 0;
+}
+
+.pin-top-right,
+.pin-right-top,
+.pin-tr,
+.pin-rt {
+  top: 0;
+  right: 0;
+}
+
+.pin-bottom-left,
+.pin-left-bottom,
+.pin-bl,
+.pin-lb {
+  bottom: 0;
+  left: 0;
+}
+
+.pin-bottom-right,
+.pin-right-bottom,
+.pin-br,
+.pin-rb {
+  bottom: 0;
+  right: 0;
+}
+
+.pin-top-center,
+.pin-center-top,
+.pin-tc,
+.pin-ct {
+  left: 50%;
+  top: 0;
+  transform: translateX(-50%);
+}
+
+.pin-bottom-center,
+.pin-center-bottom,
+.pin-bc,
+.pin-cb {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.pin-center-left,
+.pin-left-center,
+.pin-cl,
+.pin-lc {
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.pin-center-right,
+.pin-right-center,
+.pin-cr,
+.pin-rc {
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.pin-center, .pin-c {
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.width-quarter, .w-1-4 {
+  width: 25%;
+}
+
+.width-half, .w-1-2 {
+  width: 50%;
+}
+
+.width-full, .w-1 {
+  width: 100%;
+}
+
+.height-quarter, .h-1-4 {
+  height: 25%;
+}
+
+.height-half, .h-1-2 {
+  height: 50%;
+}
+
+.height-full, .h-1 {
+  height: 100%;
+}
+
+.height-win-quarter, .h-w-1-4 {
+  height: 25vh;
+  max-height: 46em;
+}
+
+.height-win-half, .h-w-1-2 {
+  height: 50vh;
+  max-height: 46em;
+}
+
+.height-win-full, .h-w-1 {
+  height: 100vh;
+  max-height: 46em;
+}