1 files changed, 272 insertions, 0 deletions
diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css
index 7cb1c64aa..5ab77f854 100644
--- a/docs/assets/css/docs-flexbox.min.css
+++ b/docs/assets/css/docs-flexbox.min.css
@@ -1,3 +1,275 @@
+.flex-xs-first {
+  order: -1;
+}
+
+.flex-xs-last {
+  order: 1;
+}
+
+.flex-xs-unordered {
+  order: 0;
+}
+
+.flex-items-xs-top {
+  align-items: flex-start;
+}
+
+.flex-items-xs-middle {
+  align-items: center;
+}
+
+.flex-items-xs-bottom {
+  align-items: flex-end;
+}
+
+.flex-xs-top {
+  align-self: flex-start;
+}
+
+.flex-xs-middle {
+  align-self: center;
+}
+
+.flex-xs-bottom {
+  align-self: flex-end;
+}
+
+.flex-items-xs-left {
+  justify-content: flex-start;
+}
+
+.flex-items-xs-center {
+  justify-content: center;
+}
+
+.flex-items-xs-right {
+  justify-content: flex-end;
+}
+
+.flex-items-xs-around {
+  justify-content: space-around;
+}
+
+.flex-items-xs-between {
+  justify-content: space-between;
+}
+
+@media (min-width: 544px) {
+  .flex-sm-first {
+    order: -1;
+  }
+  .flex-sm-last {
+    order: 1;
+  }
+  .flex-sm-unordered {
+    order: 0;
+  }
+}
+
+@media (min-width: 544px) {
+  .flex-items-sm-top {
+    align-items: flex-start;
+  }
+  .flex-items-sm-middle {
+    align-items: center;
+  }
+  .flex-items-sm-bottom {
+    align-items: flex-end;
+  }
+}
+
+@media (min-width: 544px) {
+  .flex-sm-top {
+    align-self: flex-start;
+  }
+  .flex-sm-middle {
+    align-self: center;
+  }
+  .flex-sm-bottom {
+    align-self: flex-end;
+  }
+}
+
+@media (min-width: 544px) {
+  .flex-items-sm-left {
+    justify-content: flex-start;
+  }
+  .flex-items-sm-center {
+    justify-content: center;
+  }
+  .flex-items-sm-right {
+    justify-content: flex-end;
+  }
+  .flex-items-sm-around {
+    justify-content: space-around;
+  }
+  .flex-items-sm-between {
+    justify-content: space-between;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-md-first {
+    order: -1;
+  }
+  .flex-md-last {
+    order: 1;
+  }
+  .flex-md-unordered {
+    order: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-items-md-top {
+    align-items: flex-start;
+  }
+  .flex-items-md-middle {
+    align-items: center;
+  }
+  .flex-items-md-bottom {
+    align-items: flex-end;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-md-top {
+    align-self: flex-start;
+  }
+  .flex-md-middle {
+    align-self: center;
+  }
+  .flex-md-bottom {
+    align-self: flex-end;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-items-md-left {
+    justify-content: flex-start;
+  }
+  .flex-items-md-center {
+    justify-content: center;
+  }
+  .flex-items-md-right {
+    justify-content: flex-end;
+  }
+  .flex-items-md-around {
+    justify-content: space-around;
+  }
+  .flex-items-md-between {
+    justify-content: space-between;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-lg-first {
+    order: -1;
+  }
+  .flex-lg-last {
+    order: 1;
+  }
+  .flex-lg-unordered {
+    order: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-items-lg-top {
+    align-items: flex-start;
+  }
+  .flex-items-lg-middle {
+    align-items: center;
+  }
+  .flex-items-lg-bottom {
+    align-items: flex-end;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-lg-top {
+    align-self: flex-start;
+  }
+  .flex-lg-middle {
+    align-self: center;
+  }
+  .flex-lg-bottom {
+    align-self: flex-end;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-items-lg-left {
+    justify-content: flex-start;
+  }
+  .flex-items-lg-center {
+    justify-content: center;
+  }
+  .flex-items-lg-right {
+    justify-content: flex-end;
+  }
+  .flex-items-lg-around {
+    justify-content: space-around;
+  }
+  .flex-items-lg-between {
+    justify-content: space-between;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-xl-first {
+    order: -1;
+  }
+  .flex-xl-last {
+    order: 1;
+  }
+  .flex-xl-unordered {
+    order: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-items-xl-top {
+    align-items: flex-start;
+  }
+  .flex-items-xl-middle {
+    align-items: center;
+  }
+  .flex-items-xl-bottom {
+    align-items: flex-end;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-xl-top {
+    align-self: flex-start;
+  }
+  .flex-xl-middle {
+    align-self: center;
+  }
+  .flex-xl-bottom {
+    align-self: flex-end;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-items-xl-left {
+    justify-content: flex-start;
+  }
+  .flex-items-xl-center {
+    justify-content: center;
+  }
+  .flex-items-xl-right {
+    justify-content: flex-end;
+  }
+  .flex-items-xl-around {
+    justify-content: space-around;
+  }
+  .flex-items-xl-between {
+    justify-content: space-between;
+  }
+}
+
 .container {
   margin-left: auto;
   margin-right: auto;