jekyll-theme-doc-project 0.0.2 → 0.0.3

data/assets/dex-website-assets/src/styles/media.css

@@ -0,0 +1,17 @@
+.video-container {
+  position: relative;
+  width: 100%;
+  padding-bottom: 56.25%;
+  /* 16:9 */ }
+
+.video-container iframe {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border: none; }
+
+/*# sourceMappingURL=media.css.map */

data/assets/dex-website-assets/src/styles/media.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAEA,gBAAiB;EACf,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,MAAM;EAAG,UAAU;;AAGrC,uBAAwB;EACtB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,IAAI",
+"sources": ["media.scss"],
+"names": [],
+"file": "media.css"
+}

data/assets/dex-website-assets/src/styles/media.scss

@@ -0,0 +1,18 @@
+@import 'base';
+
+.video-container {
+  position: relative;
+  width: 100%;
+  padding-bottom: 56.25%;  /* 16:9 */
+}
+
+.video-container iframe {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border: none;
+}

data/assets/dex-website-assets/src/styles/menu-button.css

@@ -0,0 +1,122 @@
+/************************************************************************************
+
+    DevPortal Navbar Menu Button
+
+    Only appears in the mobile view.
+
+    Looks like the traditional hamberger menu icon, but animates to an
+    'x' when the menu is open.  This is done using css transitions to animate
+    a span and it's :before and :after psudo:elements.
+
+**************************************************************************************/
+.dp-navbar-mobile-menu-toggle {
+  font-size: 18px;
+  padding: 12px 16px;
+  display: inline-block;
+  position: relative;
+  z-index: 110;
+  outline: none;
+  background-color: transparent;
+  top: 2px;
+  border: none; }
+  @media (min-width: 992px) {
+    .dp-navbar-mobile-menu-toggle {
+      display: none; } }
+
+.dp-navbar-menu-toggle-image {
+  width: 21px;
+  height: 21px;
+  vertical-align: middle;
+  fill: #333; }
+
+.dp-navbar-mobile-menu-toggle:hover {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+.dp-navbar-menu-toggle-icon {
+  position: relative;
+  display: inline-block;
+  width: 21px;
+  height: 21px;
+  vertical-align: middle; }
+
+.dp-navbar-menu-toggle-icon span {
+  margin: 0 auto;
+  position: relative;
+  top: 6px; }
+
+.dp-navbar-menu-toggle-icon span:before,
+.dp-navbar-menu-toggle-icon span:after {
+  position: absolute;
+  content: ''; }
+
+.dp-navbar-menu-toggle-icon span,
+.dp-navbar-menu-toggle-icon span:before,
+.dp-navbar-menu-toggle-icon span:after {
+  width: 20px;
+  height: 2px;
+  background-color: #333;
+  display: block; }
+
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon span,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon span:before,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon span:after {
+  background-color: #e2e2e2; }
+
+.dp-navbar-menu-toggle-icon:hover span,
+.dp-navbar-menu-toggle-icon:hover span:before,
+.dp-navbar-menu-toggle-icon:hover span:after {
+  background-color: #222; }
+
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon:hover span,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon:hover span:before,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon:hover span:after {
+  background-color: white; }
+
+.dp-navbar-menu-toggle-icon span:before {
+  margin-top: -6px; }
+
+.dp-navbar-menu-toggle-icon span:after {
+  margin-top: 6px; }
+
+.dp-navbar-menu-toggle-icon span {
+  -webkit-transition-duration: 0s;
+  transition-duration: 0s;
+  -webkit-transition-delay: 0.2s;
+  transition-delay: 0.2s; }
+
+.dp-navbar-menu-toggle-icon.dp-navbar-menu-toggle-icon--open span {
+  background-color: transparent;
+  -webkit-transition-delay: 0.2s;
+  transition-delay: 0.2s; }
+
+.dp-navbar-menu-toggle-icon span:before {
+  -webkit-transition-property: margin, -webkit-transform;
+  transition-property: margin, transform;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-delay: 0.2s, 0s;
+  transition-delay: 0.2s, 0s; }
+
+.dp-navbar-menu-toggle-icon--open span:before {
+  margin-top: 0;
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+  -webkit-transition-delay: 0s, 0.2s;
+  transition-delay: 0s, 0.2s; }
+
+.dp-navbar-menu-toggle-icon span:after {
+  -webkit-transition-property: margin, -webkit-transform;
+  transition-property: margin, transform;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-delay: 0.2s, 0s;
+  transition-delay: 0.2s, 0s; }
+
+.dp-navbar-menu-toggle-icon--open span:after {
+  margin-top: 0;
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  -webkit-transition-delay: 0s, 0.2s;
+  transition-delay: 0s, 0.2s; }
+
+/*# sourceMappingURL=menu-button.css.map */

data/assets/dex-website-assets/src/styles/menu-button.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA;;;;;;;;;;uFAUuF;AAIvF,6BAA8B;EAC1B,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,YAAY;EACrB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;EACZ,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,WAAW;EAC7B,GAAG,EAAE,GAAG;EACR,MAAM,EAAE,IAAI;ECdd,yBAAgC;IDKlC,6BAA8B;MAYtB,OAAO,EAAE,IAAI;;AAIrB,4BAA6B;EACzB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,cAAc,EAAE,MAAM;EACtB,IAAI,EEtBY,IAAI;;AFyBxB,mCAAoC;EAChC,gBAAgB,EAAE,mBAAe;;AAGrC,2BAA4B;EACxB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAG,YAAY;EACtB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,cAAc,EAAE,MAAM;;AAE1B,gCAAiC;EAC7B,MAAM,EAAE,MAAM;EACd,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;;AAGZ;sCACuC;EACnC,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,EAAE;;AAEf;;sCAEuC;EACnC,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,GAAG;EACX,gBAAgB,EEpDA,IAAI;EFqDpB,OAAO,EAAE,KAAK;;AAGlB;;2DAE4D;EACxD,gBAAgB,EAAE,OAAO;;AAG7B;;4CAE6C;EACzC,gBAAgB,EAAE,IAAI;;AAG1B;;iEAEkE;EAC9D,gBAAgB,EAAE,KAAK;;AAG3B,uCAAwC;EACpC,UAAU,EAAE,IAAI;;AAEpB,sCAAuC;EACnC,UAAU,EAAE,GAAG;;AAGnB,gCAAiC;EAC7B,2BAA2B,EAAE,EAAE;EAAE,mBAAmB,EAAE,EAAE;EACxD,wBAAwB,EAAE,IAAI;EAAE,gBAAgB,EAAE,IAAI;;AAE1D,iEAAkE;EAC9D,gBAAgB,EAAE,WAAe;EACjC,wBAAwB,EAAE,IAAI;EAAE,gBAAgB,EAAE,IAAI;;AAE1D,uCAAwC;EACpC,2BAA2B,EAAE,yBAAyB;EAAE,mBAAmB,EAAE,iBAAiB;EAC9F,2BAA2B,EAAE,IAAI;EAAE,mBAAmB,EAAE,IAAI;EAC5D,wBAAwB,EAAE,QAAQ;EAAE,gBAAgB,EAAE,QAAQ;;AAElE,6CAA8C;EAC1C,UAAU,EAAE,CAAC;EACb,iBAAiB,EAAE,aAAa;EAAE,SAAS,EAAE,aAAa;EAC1D,wBAAwB,EAAE,QAAQ;EAAE,gBAAgB,EAAE,QAAQ;;AAElE,sCAAuC;EACnC,2BAA2B,EAAE,yBAAyB;EAAE,mBAAmB,EAAE,iBAAiB;EAC9F,2BAA2B,EAAE,IAAI;EAAE,mBAAmB,EAAE,IAAI;EAC5D,wBAAwB,EAAE,QAAQ;EAAE,gBAAgB,EAAE,QAAQ;;AAElE,4CAA6C;EACzC,UAAU,EAAE,CAAC;EACb,iBAAiB,EAAE,cAAc;EAAE,SAAS,EAAE,cAAc;EAC5D,wBAAwB,EAAE,QAAQ;EAAE,gBAAgB,EAAE,QAAQ",
+"sources": ["menu-button.scss","_mixins.scss","_variables.scss"],
+"names": [],
+"file": "menu-button.css"
+}

data/assets/dex-website-assets/src/styles/menu-button.scss

@@ -0,0 +1,121 @@
+/************************************************************************************
+
+    DevPortal Navbar Menu Button
+
+    Only appears in the mobile view.
+
+    Looks like the traditional hamberger menu icon, but animates to an
+    'x' when the menu is open.  This is done using css transitions to animate
+    a span and it's :before and :after psudo:elements.
+
+**************************************************************************************/
+
+@import 'base';
+
+.dp-navbar-mobile-menu-toggle {
+    font-size: 18px;
+    padding: 12px 16px;
+    display: inline-block;
+    position: relative;
+    z-index: 110;
+    outline: none;
+    background-color: transparent;
+    top: 2px;
+    border: none;
+
+    @include desktop {
+        display: none;
+    }
+}
+
+.dp-navbar-menu-toggle-image {
+    width: 21px;
+    height: 21px;
+    vertical-align: middle;
+    fill: $preLoginTextColor;
+}
+
+.dp-navbar-mobile-menu-toggle:hover {
+    background-color: rgba(0,0,0,.05);
+}
+
+.dp-navbar-menu-toggle-icon {
+    position: relative;
+    display:  inline-block;
+    width: 21px;
+    height: 21px;
+    vertical-align: middle;
+}
+.dp-navbar-menu-toggle-icon span {
+    margin: 0 auto;
+    position: relative;
+    top: 6px;
+}
+
+.dp-navbar-menu-toggle-icon span:before,
+.dp-navbar-menu-toggle-icon span:after {
+    position: absolute;
+    content: '';
+}
+.dp-navbar-menu-toggle-icon span,
+.dp-navbar-menu-toggle-icon span:before,
+.dp-navbar-menu-toggle-icon span:after {
+    width: 20px;
+    height: 2px;
+    background-color: $preLoginTextColor;
+    display: block;
+}
+
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon span,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon span:before,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon span:after {
+    background-color: #e2e2e2;
+}
+
+.dp-navbar-menu-toggle-icon:hover span,
+.dp-navbar-menu-toggle-icon:hover span:before,
+.dp-navbar-menu-toggle-icon:hover span:after {
+    background-color: #222;
+}
+
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon:hover span,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon:hover span:before,
+.dp-navbar-postlogin .dp-navbar-menu-toggle-icon:hover span:after {
+    background-color: white;
+}
+
+.dp-navbar-menu-toggle-icon span:before {
+    margin-top: -6px;
+}
+.dp-navbar-menu-toggle-icon span:after {
+    margin-top: 6px;
+}
+
+.dp-navbar-menu-toggle-icon span {
+    -webkit-transition-duration: 0s; transition-duration: 0s;
+    -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
+}
+.dp-navbar-menu-toggle-icon.dp-navbar-menu-toggle-icon--open span {
+    background-color: rgba(0,0,0,0.0);
+    -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
+}
+.dp-navbar-menu-toggle-icon span:before {
+    -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
+    -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
+    -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
+}
+.dp-navbar-menu-toggle-icon--open span:before {
+    margin-top: 0;
+    -webkit-transform: rotate(45deg); transform: rotate(45deg);
+    -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
+}
+.dp-navbar-menu-toggle-icon span:after {
+    -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
+    -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
+    -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
+}
+.dp-navbar-menu-toggle-icon--open span:after {
+    margin-top: 0;
+    -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
+    -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
+}