jekyll-theme-doc-project 0.0.2 → 0.0.3

data/assets/dex-website-assets/src/styles/header-banner-button-cta.css

@@ -0,0 +1,79 @@
+/*****
+Header Banner Button CTA Mixins
+*****/
+/*****
+Header Banner Button CTA Variables
+*****/
+/*****
+Header Banner Button CTA General Styles
+*****/
+.header-banner-wrapper {
+  background-size: cover;
+  background-position: center top; }
+  .header-banner-wrapper .header-one-cta-wrapper {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    text-align: center;
+    height: 330px;
+    margin-top: 10px; }
+    .header-banner-wrapper .header-one-cta-wrapper else {
+      -webkit-box-orient: vertical; }
+    .header-banner-wrapper .header-one-cta-wrapper .header, .header-banner-wrapper .header-one-cta-wrapper .subtitle, .header-banner-wrapper .header-one-cta-wrapper .button-wrapper {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+      flex-direction: row;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      max-width: 600px;
+      width: 100%; }
+      .header-banner-wrapper .header-one-cta-wrapper .header else, .header-banner-wrapper .header-one-cta-wrapper .subtitle else, .header-banner-wrapper .header-one-cta-wrapper .button-wrapper else {
+        -webkit-box-orient: vertical; }
+    .header-banner-wrapper .header-one-cta-wrapper .subtitle {
+      padding: 12px 0 28px 0; }
+      .header-banner-wrapper .header-one-cta-wrapper .subtitle p {
+        margin: 0; }
+    .header-banner-wrapper .header-one-cta-wrapper .button-wrapper .cta-btn {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      height: 40px;
+      background: #fff;
+      padding: 0 30px;
+      font-size: 16px;
+      font-weight: 400;
+      color: #555;
+      border-bottom: 2px solid #a4a4a4; }
+      .header-banner-wrapper .header-one-cta-wrapper .button-wrapper .cta-btn else {
+        -webkit-box-orient: vertical; }
+      .header-banner-wrapper .header-one-cta-wrapper .button-wrapper .cta-btn:active, .header-banner-wrapper .header-one-cta-wrapper .button-wrapper .cta-btn:hover {
+        text-decoration: none;
+        color: #555; }
+
+/* Media Queries */
+@media screen and (min-width: 600px) {
+  .header-banner-wrapper .header-one-cta-wrapper .header, .header-banner-wrapper .header-one-cta-wrapper .subtitle, .header-banner-wrapper .header-one-cta-wrapper .button-wrapper {
+    margin: 0 auto; } }
+@media (max-width: 991px) {
+  .header-banner-wrapper .header-one-cta-wrapper .button-wrapper .cta-btn {
+    width: 100%;
+    max-width: 320px; } }
+
+/*# sourceMappingURL=header-banner-button-cta.css.map */

data/assets/dex-website-assets/src/styles/header-banner-button-cta.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAEA;;MAEM;AAqBN;;MAEM;AAIN;;MAEM;AACN,sBAAsB;EAClB,eAAe,EAAE,KAAK;EACtB,mBAAmB,EAAE,UAAU;EAG/B,8CAAuB;IAjCvB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,IAAI;IAQb,qBAAqB,EAAE,MAAM;IAC7B,kBAAkB,EAuBG,MAAM;IAtB3B,cAAc,EAsBO,MAAM;IApB3B,gBAAgB,EAf8B,MAAM;IAgBpD,aAAa,EAhBiC,MAAM;IAiBpD,eAAe,EAjB+B,MAAM;IAoChD,UAAU,EAAE,MAAM;IAClB,MAAM,EAbK,KAAK;IAchB,UAAU,EAAE,IAAI;IA9BpB,mDAAI;MACA,kBAAkB,EAAE,QAAQ;IA+B5B,gLAAoC;MAvCxC,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,IAAI;MAGT,kBAAkB,EAAE,UAAU;MAKlC,qBAAqB,EAAE,MAAM;MAC7B,kBAAkB,EAZK,GAAG;MAa1B,cAAc,EAbS,GAAG;MAe1B,gBAAgB,EAf8B,MAAM;MAgBpD,aAAa,EAhBiC,MAAM;MAiBpD,eAAe,EAjB+B,MAAM;MA0C5C,SAAS,EAnBT,KAAK;MAoBL,KAAK,EAAE,IAAI;MAnCnB,+LAAI;QACA,kBAAkB,EAAE,QAAQ;IAqC5B,wDAAU;MACN,OAAO,EAAE,aAAa;MACtB,0DAAE;QACE,MAAM,EAAE,CAAC;IAKb,uEAAS;MArDjB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,WAAW;MACpB,OAAO,EAAE,IAAI;MAQb,qBAAqB,EAAE,MAAM;MAC7B,kBAAkB,EA2CuB,MAAM;MA1C/C,cAAc,EA0C2B,MAAM;MAxC/C,gBAAgB,EAf8B,MAAM;MAgBpD,aAAa,EAhBiC,MAAM;MAiBpD,eAAe,EAjB+B,MAAM;MAyDxC,MAAM,EAAE,IAAI;MACZ,UAAU,EAAE,IAAI;MAChB,OAAO,EAAE,MAAM;MACf,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,GAAG;MAChB,KAAK,EAAE,IAAI;MACX,aAAa,EAAE,iBAAiB;MAvD5C,4EAAI;QACA,kBAAkB,EAAE,QAAQ;MAwDpB,6JACO;QACH,eAAe,EAAE,IAAI;QACrB,KAAK,EAAE,IAAI;;AAO/B,mBAAmB;AACnB,oCAA0C;EAG9B,gLAAoC;IAChC,MAAM,EAAE,MAAM;AChE5B,yBAAoC;ED0EtB,uEAAS;IACL,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,KAAK",
+"sources": ["header-banner-button-cta.scss","_mixins.scss"],
+"names": [],
+"file": "header-banner-button-cta.css"
+}

data/assets/dex-website-assets/src/styles/header-banner-button-cta.scss

@@ -0,0 +1,103 @@
+@import 'base';
+
+/*****
+Header Banner Button CTA Mixins
+*****/
+@mixin flexbox($direction: row, $justify-content: center){
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    
+    @if $direction == "row" {
+        -webkit-box-orient: horizontal;
+    }
+    else{
+        -webkit-box-orient: vertical;
+    }
+    -webkit-box-direction: normal;
+    -ms-flex-direction: $direction;
+    flex-direction: $direction;
+
+    -webkit-box-pack: $justify-content;
+    -ms-flex-pack: $justify-content;
+    justify-content: $justify-content;
+}
+
+/*****
+Header Banner Button CTA Variables
+*****/
+$max-width: 600px;
+$container-height: 330px;
+
+/*****
+Header Banner Button CTA General Styles
+*****/
+.header-banner-wrapper{
+    background-size: cover;
+    background-position: center top;
+
+
+    .header-one-cta-wrapper{
+        @include flexbox(column);
+        text-align: center;
+        height: $container-height;
+        margin-top: 10px;
+
+        .header, .subtitle, .button-wrapper {
+            @include flexbox;
+            max-width: $max-width;
+            width: 100%;
+        }
+
+        .subtitle {
+            padding: 12px 0 28px 0;
+            p {
+                margin: 0;
+            }
+        }
+
+        .button-wrapper {
+            .cta-btn {
+                @include flexbox($direction: column);
+
+                height: 40px;
+                background: #fff;
+                padding: 0 30px;
+                font-size: 16px;
+                font-weight: 400;
+                color: #555;
+                border-bottom: 2px solid #a4a4a4;
+
+                &:active,
+                &:hover{
+                    text-decoration: none;
+                    color: #555;
+                }
+            }
+        }
+    }
+}
+
+/* Media Queries */
+@media screen and (min-width: $max-width) {
+    .header-banner-wrapper{
+        .header-one-cta-wrapper {
+            .header, .subtitle, .button-wrapper {
+                margin: 0 auto;
+            }
+        }
+    }
+}
+
+@include mobile-only {
+    .header-banner-wrapper{
+        .header-one-cta-wrapper{
+            .button-wrapper {
+                .cta-btn {
+                    width: 100%;
+                    max-width: 320px;
+                }
+            }
+        }
+    }
+}

data/assets/dex-website-assets/src/styles/hero-carousel.css

@@ -0,0 +1,175 @@
+.content-section {
+  padding-top: 0.1px;
+  margin-top: 50px; }
+  @media (min-width: 992px) {
+    .content-section {
+      margin-top: 70px; } }
+
+@media (min-width: 992px) {
+  .hero-carousel-wrapper,
+  .hero-carousel-item,
+  #hero-carousel {
+    height: 340px; } }
+
+.hero-carousel-item-width {
+  max-width: 1400px;
+  margin: 0 auto;
+  position: relative;
+  height: 100%; }
+
+.hero-carousel-item {
+  background-size: cover;
+  background-position: center top;
+  position: relative; }
+
+a.hero-caorousel-item-link:hover {
+  text-decoration: none; }
+
+.hero-carousel-copy-title {
+  line-height: 38px; }
+  @media (min-width: 992px) {
+    .hero-carousel-copy-title {
+      line-height: 56px; } }
+
+.hero-carousel-copy-description {
+  font-size: 18px;
+  font-weight: bold;
+  color: #111; }
+  @media (min-width: 992px) {
+    .hero-carousel-copy-description {
+      line-height: 28px;
+      font-size: 21px;
+      font-weight: normal; } }
+  .hero-carousel-copy-description h1, .hero-carousel-copy-description h2, .hero-carousel-copy-description h3, .hero-carousel-copy-description h4, .hero-carousel-copy-description h5 {
+    color: inherit; }
+
+.hero-carousel-copy-link {
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 25px;
+  color: #0066c0; }
+  .hero-carousel-copy-link:hover {
+    color: #e87825; }
+  @media (min-width: 992px) {
+    .hero-carousel-copy-link {
+      font-size: 16px;
+      font-weight: normal; } }
+
+.hero-carousel-item--left-aligned-copy .hero-carousel-copy {
+  text-align: center;
+  max-width: 480px; }
+  @media (max-width: 991px) {
+    .hero-carousel-item--left-aligned-copy .hero-carousel-copy {
+      margin: 24px auto 16px; } }
+  @media (min-width: 992px) {
+    .hero-carousel-item--left-aligned-copy .hero-carousel-copy {
+      max-width: 100%;
+      text-align: left;
+      position: absolute;
+      top: 50%;
+      -webkit-transform: translateY(-50%);
+      transform: translateY(-50%);
+      padding: 0; } }
+@media (max-width: 991px) {
+  .hero-carousel-item--left-aligned-copy .hero-carousel-productImgWrapper {
+    margin: 0 auto;
+    width: 240px;
+    height: 170px; } }
+@media (min-width: 992px) {
+  .hero-carousel-item--left-aligned-copy .hero-carousel-productImgWrapper {
+    width: 480px;
+    height: 340px; } }
+
+@media (min-width: 992px) {
+  #hero-carousel .owl-dots {
+    position: absolute;
+    left: 50%;
+    bottom: 0%;
+    -webkit-transform: translate(-50%, -20%);
+    transform: translate(-50%, -20%); }
+    #hero-carousel .owl-dots .owl-dot {
+      display: inline-block;
+      width: 12px;
+      height: 12px;
+      margin: 5px 7px;
+      border-radius: 20px;
+      background: white;
+      border: 1px solid #999;
+      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+      opacity: 0.6; }
+      #hero-carousel .owl-dots .owl-dot.active {
+        opacity: 1;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } }
+
+@media screen and (max-width: 991px) {
+  .hero-carousel-wrapper,
+  .hero-carousel-item,
+  .hero-carousel-item-z-controller,
+  #hero-carousel {
+    height: 340px; }
+    .hero-carousel-wrapper .row,
+    .hero-carousel-item .row,
+    .hero-carousel-item-z-controller .row,
+    #hero-carousel .row {
+      position: static; }
+    .hero-carousel-wrapper .h1, .hero-carousel-wrapper h1,
+    .hero-carousel-item .h1,
+    .hero-carousel-item h1,
+    .hero-carousel-item-z-controller .h1,
+    .hero-carousel-item-z-controller h1,
+    #hero-carousel .h1,
+    #hero-carousel h1 {
+      font-size: 28px;
+      font-weight: 300;
+      line-height: 32px; }
+    .hero-carousel-wrapper .h2, .hero-carousel-wrapper h2,
+    .hero-carousel-item .h2,
+    .hero-carousel-item h2,
+    .hero-carousel-item-z-controller .h2,
+    .hero-carousel-item-z-controller h2,
+    #hero-carousel .h2,
+    #hero-carousel h2 {
+      font-size: 24px;
+      font-weight: 400;
+      line-height: 28px; }
+    .hero-carousel-wrapper .h3, .hero-carousel-wrapper h3,
+    .hero-carousel-item .h3,
+    .hero-carousel-item h3,
+    .hero-carousel-item-z-controller .h3,
+    .hero-carousel-item-z-controller h3,
+    #hero-carousel .h3,
+    #hero-carousel h3 {
+      font-size: 21px;
+      font-weight: 400;
+      line-height: 25px; }
+    .hero-carousel-wrapper .h4, .hero-carousel-wrapper h4,
+    .hero-carousel-item .h4,
+    .hero-carousel-item h4,
+    .hero-carousel-item-z-controller .h4,
+    .hero-carousel-item-z-controller h4,
+    #hero-carousel .h4,
+    #hero-carousel h4 {
+      font-size: 18px;
+      font-weight: 300;
+      line-height: 20px; }
+
+  .hero-carousel-productImgWrapper {
+    overflow: hidden;
+    position: absolute;
+    margin: auto;
+    bottom: 0;
+    left: 0;
+    right: 0; }
+
+  .hero-carousel-copy {
+    margin-top: 24px; }
+
+  .hero-carousel-copy-title {
+    margin-bottom: 8px;
+    padding: 0; }
+
+  .hero-carousel-copy-description,
+  .hero-carousel-copy-description p {
+    font-size: 14px; } }
+
+/*# sourceMappingURL=hero-carousel.css.map */

data/assets/dex-website-assets/src/styles/hero-carousel.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["hero-carousel.scss","_variables.scss","_mixins.scss"],
+"names": [],
+"file": "hero-carousel.css"
+}

data/assets/dex-website-assets/src/styles/hero-carousel.scss

@@ -0,0 +1,179 @@
+@import 'base';
+
+.content-section {
+  padding-top: 0.1px;
+  margin-top: $navHeightMobile;
+
+  @include desktop {
+    margin-top: $navHeight;
+  }
+}
+
+.hero-carousel-wrapper,
+.hero-carousel-item,
+#hero-carousel {
+
+  @include desktop {
+    height: 340px;
+  }
+}
+
+.hero-carousel-item-width {
+  max-width: 1400px;
+  margin: 0 auto;
+  position: relative;
+  height: 100%;
+}
+
+.hero-carousel-item {
+  background-size: cover;
+  background-position: center top;
+  position: relative;
+}
+
+a.hero-caorousel-item-link:hover {
+  text-decoration: none;
+}
+
+.hero-carousel-copy-title {
+  line-height: 38px;
+
+  @include desktop {
+    line-height: 56px;
+  }
+}
+
+.hero-carousel-copy-description {
+  font-size: 18px;
+  font-weight: bold;
+  color: $font-color-primary;
+
+  @include desktop {
+    line-height: 28px;
+    font-size: 21px;
+    font-weight: normal;
+  }
+  
+  h1, h2, h3, h4, h5 {
+    color: inherit;
+  }
+}
+
+.hero-carousel-copy-link {
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 25px;
+  color: $link-color;
+
+  &:hover {
+    color: $link-color-hover;
+  }
+
+  @include desktop {
+    font-size: 16px;
+    font-weight: normal;
+  }
+}
+
+.hero-carousel-item--left-aligned-copy {
+
+  .hero-carousel-copy {
+    text-align: center;
+    max-width: 480px;
+
+    @include mobile-only {
+      margin: 24px auto 16px;
+    }
+
+    @include desktop {
+      max-width: 100%;
+      text-align: left;
+      position: absolute;
+      top: 50%;
+      -webkit-transform: translateY(-50%);
+      transform: translateY(-50%);
+      padding: 0;
+    }
+  }
+
+  .hero-carousel-productImgWrapper {
+
+    @include mobile-only {
+      margin: 0 auto;
+      width: 240px;
+      height: 170px;
+    }
+
+    @include desktop {
+      width: 480px;
+      height: 340px;
+    }
+  }
+}
+
+#hero-carousel .owl-dots {
+  @include desktop {
+    @include hero-owl-dots
+  }
+}
+
+
+@media screen and (max-width: $convertToMobileBreakpoint) {
+  .hero-carousel-wrapper,
+  .hero-carousel-item,
+  .hero-carousel-item-z-controller,
+  #hero-carousel {
+
+    height: 340px;
+    .row {
+      position: static;
+    }
+
+    .h1, h1 {
+      font-size: 28px;
+      font-weight: 300;
+      line-height: 32px;
+    }
+
+    .h2, h2 {
+      font-size: 24px;
+      font-weight: 400;
+      line-height: 28px;
+    }
+
+    .h3, h3 {
+      font-size: 21px;
+      font-weight: 400;
+      line-height: 25px;
+    }
+
+    .h4, h4 {
+      font-size: 18px;
+      font-weight: 300;
+      line-height: 20px;
+    }
+  }
+
+  .hero-carousel-productImgWrapper {
+    overflow: hidden;
+    position: absolute;
+    margin: auto;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .hero-carousel-copy {
+    margin-top: 24px;
+  }
+
+  .hero-carousel-copy-title {
+    margin-bottom: 8px;
+    padding: 0;
+  }
+  
+  .hero-carousel-copy-description,
+  .hero-carousel-copy-description p{
+    font-size: 14px;
+  }
+}