build for docs demo

dustinengle · Aug 23, 2018 · 299f3f1 · 299f3f1
1 parent ee75d67
commit 299f3f1
Show file tree

Hide file tree

Showing 12 changed files with 274 additions and 14 deletions.
diff --git a/dist/bulwark-dark.css b/dist/bulwark-dark.css
@@ -1,10 +1,11 @@
 /**
  * Core Variables
  */
+/* Border */
 /* Colors */
 /* Color Codes */
 /* Card */
-/* Border */
+/* Drawer */
 /* Font */
 /* Grid */
 .badge {
@@ -212,6 +213,64 @@
       border-top-left-radius: 5px;
       border-top-right-radius: 5px; }
 
+.drawer {
+  bottom: 0;
+  display: block;
+  left: -100%;
+  position: fixed;
+  top: 0;
+  z-index: 6; }
+  .drawer--open {
+    left: 0;
+    right: 0; }
+  .drawer__menu {
+    background-color: #ffffff;
+    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
+    height: 100%;
+    left: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: absolute;
+    top: 0;
+    width: 290px;
+    z-index: 7; }
+    .drawer__menu__divider {
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      height: 1px; }
+    .drawer__menu__header {
+      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+      padding: 20px; }
+    .drawer__menu__link {
+      height: 80px;
+      position: relative; }
+      .drawer__menu__link * {
+        left: 39px;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%); }
+      .drawer__menu__link a {
+        color: #7c7c7c;
+        font-family: "Roboto", sans-serif;
+        font-size: 14px;
+        left: 84px;
+        line-height: 19px;
+        text-decoration: none; }
+      .drawer__menu__link i {
+        font-size: 24px; }
+    .drawer__menu__title {
+      color: #252525;
+      font-family: "Poppins", sans-serif;
+      font-size: 24px;
+      font-weight: bold;
+      height: 33px;
+      letter-spacing: -1px;
+      line-height: 35px; }
+    .drawer__menu__subtitle {
+      color: #252525;
+      font-family: "Roboto", sans-serif;
+      font-size: 14px;
+      line-height: 19px; }
+
 .wrapper {
   padding-top: 90px; }
 

diff --git a/dist/bulwark-dark.min.css b/dist/bulwark-dark.min.css
diff --git a/dist/bulwark-light.css b/dist/bulwark-light.css
@@ -1,10 +1,11 @@
 /**
  * Core Variables
  */
+/* Border */
 /* Colors */
 /* Color Codes */
 /* Card */
-/* Border */
+/* Drawer */
 /* Font */
 /* Grid */
 .badge {
@@ -212,6 +213,64 @@
       border-top-left-radius: 5px;
       border-top-right-radius: 5px; }
 
+.drawer {
+  bottom: 0;
+  display: block;
+  left: -100%;
+  position: fixed;
+  top: 0;
+  z-index: 6; }
+  .drawer--open {
+    left: 0;
+    right: 0; }
+  .drawer__menu {
+    background-color: #ffffff;
+    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
+    height: 100%;
+    left: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: absolute;
+    top: 0;
+    width: 290px;
+    z-index: 7; }
+    .drawer__menu__divider {
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      height: 1px; }
+    .drawer__menu__header {
+      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+      padding: 20px; }
+    .drawer__menu__link {
+      height: 80px;
+      position: relative; }
+      .drawer__menu__link * {
+        left: 39px;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%); }
+      .drawer__menu__link a {
+        color: #7c7c7c;
+        font-family: "Roboto", sans-serif;
+        font-size: 14px;
+        left: 84px;
+        line-height: 19px;
+        text-decoration: none; }
+      .drawer__menu__link i {
+        font-size: 24px; }
+    .drawer__menu__title {
+      color: #252525;
+      font-family: "Poppins", sans-serif;
+      font-size: 24px;
+      font-weight: bold;
+      height: 33px;
+      letter-spacing: -1px;
+      line-height: 35px; }
+    .drawer__menu__subtitle {
+      color: #252525;
+      font-family: "Roboto", sans-serif;
+      font-size: 14px;
+      line-height: 19px; }
+
 .wrapper {
   padding-top: 90px; }
 

diff --git a/dist/bulwark-light.min.css b/dist/bulwark-light.min.css
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/dist/index.html b/dist/index.html
@@ -10,5 +10,5 @@
 <link rel="shortcut icon" href="favicon.png"></head>
 <body>
   <div id="react-root"></div>
-<script type="text/javascript" src="bundle.js?53b3883725f2d74443a3"></script></body>
+<script type="text/javascript" src="bundle.js?62d0376cba246d8d39cb"></script></body>
 </html>
diff --git a/docs/bulwark-dark.css b/docs/bulwark-dark.css
@@ -1,10 +1,11 @@
 /**
  * Core Variables
  */
+/* Border */
 /* Colors */
 /* Color Codes */
 /* Card */
-/* Border */
+/* Drawer */
 /* Font */
 /* Grid */
 .badge {
@@ -212,6 +213,64 @@
       border-top-left-radius: 5px;
       border-top-right-radius: 5px; }
 
+.drawer {
+  bottom: 0;
+  display: block;
+  left: -100%;
+  position: fixed;
+  top: 0;
+  z-index: 6; }
+  .drawer--open {
+    left: 0;
+    right: 0; }
+  .drawer__menu {
+    background-color: #ffffff;
+    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
+    height: 100%;
+    left: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: absolute;
+    top: 0;
+    width: 290px;
+    z-index: 7; }
+    .drawer__menu__divider {
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      height: 1px; }
+    .drawer__menu__header {
+      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+      padding: 20px; }
+    .drawer__menu__link {
+      height: 80px;
+      position: relative; }
+      .drawer__menu__link * {
+        left: 39px;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%); }
+      .drawer__menu__link a {
+        color: #7c7c7c;
+        font-family: "Roboto", sans-serif;
+        font-size: 14px;
+        left: 84px;
+        line-height: 19px;
+        text-decoration: none; }
+      .drawer__menu__link i {
+        font-size: 24px; }
+    .drawer__menu__title {
+      color: #252525;
+      font-family: "Poppins", sans-serif;
+      font-size: 24px;
+      font-weight: bold;
+      height: 33px;
+      letter-spacing: -1px;
+      line-height: 35px; }
+    .drawer__menu__subtitle {
+      color: #252525;
+      font-family: "Roboto", sans-serif;
+      font-size: 14px;
+      line-height: 19px; }
+
 .wrapper {
   padding-top: 90px; }
 

diff --git a/docs/bulwark-dark.min.css b/docs/bulwark-dark.min.css
diff --git a/docs/bulwark-light.css b/docs/bulwark-light.css
@@ -1,10 +1,11 @@
 /**
  * Core Variables
  */
+/* Border */
 /* Colors */
 /* Color Codes */
 /* Card */
-/* Border */
+/* Drawer */
 /* Font */
 /* Grid */
 .badge {
@@ -212,6 +213,64 @@
       border-top-left-radius: 5px;
       border-top-right-radius: 5px; }
 
+.drawer {
+  bottom: 0;
+  display: block;
+  left: -100%;
+  position: fixed;
+  top: 0;
+  z-index: 6; }
+  .drawer--open {
+    left: 0;
+    right: 0; }
+  .drawer__menu {
+    background-color: #ffffff;
+    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
+    height: 100%;
+    left: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position: absolute;
+    top: 0;
+    width: 290px;
+    z-index: 7; }
+    .drawer__menu__divider {
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      height: 1px; }
+    .drawer__menu__header {
+      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+      padding: 20px; }
+    .drawer__menu__link {
+      height: 80px;
+      position: relative; }
+      .drawer__menu__link * {
+        left: 39px;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%); }
+      .drawer__menu__link a {
+        color: #7c7c7c;
+        font-family: "Roboto", sans-serif;
+        font-size: 14px;
+        left: 84px;
+        line-height: 19px;
+        text-decoration: none; }
+      .drawer__menu__link i {
+        font-size: 24px; }
+    .drawer__menu__title {
+      color: #252525;
+      font-family: "Poppins", sans-serif;
+      font-size: 24px;
+      font-weight: bold;
+      height: 33px;
+      letter-spacing: -1px;
+      line-height: 35px; }
+    .drawer__menu__subtitle {
+      color: #252525;
+      font-family: "Roboto", sans-serif;
+      font-size: 14px;
+      line-height: 19px; }
+
 .wrapper {
   padding-top: 90px; }
 

diff --git a/docs/bulwark-light.min.css b/docs/bulwark-light.min.css
diff --git a/docs/bundle.js b/docs/bundle.js
diff --git a/docs/index.html b/docs/index.html
@@ -10,5 +10,5 @@
 <link rel="shortcut icon" href="favicon.png"></head>
 <body>
   <div id="react-root"></div>
-<script type="text/javascript" src="bundle.js?53b3883725f2d74443a3"></script></body>
+<script type="text/javascript" src="bundle.js?62d0376cba246d8d39cb"></script></body>
 </html>