jekyll-theme-doc-project 0.0.2 → 0.0.3

data/assets/dex-website-assets/src/styles/product-nav.scss

@@ -0,0 +1,110 @@
+.product-nav-wrapper{
+    min-height: 10px;
+    max-height: 60px;
+    background-color: #e37825;
+    position: relative;
+    padding: 0 44px;
+
+    .product-nav {
+        padding: 0 0 1px 0;
+        margin: 0;
+        
+        &.flexbox{
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+        }
+        &.scroll {
+            white-space: nowrap;
+            overflow: hidden;
+        }
+
+        li {
+            list-style: none;
+            display: inline-block;
+            padding: 15px 7px;
+
+            &.dp-product-nav-list-item-current {
+                border-bottom: 5px solid #fff;
+            }
+
+            a {
+                color: #fff;
+                font-size: 16px;
+                font-weight: 400;
+                white-space: nowrap;
+
+                &:active,
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
+        }
+    }
+
+    .nav-btn {
+        position: absolute;
+        height: 60px;
+        width: 44px;
+        background-color: #e37825;
+        color: #fff;
+        z-index: 10;
+        padding: 0 10px;
+        top: 0;
+        cursor: pointer;
+
+        &.prev {
+            left: 0;
+        }
+        &.next {
+            right: 0;
+        }
+        &.disabled {
+            pointer-events: none;
+
+            a {
+                visibility: hidden;
+            }
+        }
+        &.hidden {
+            display: none !important;
+            visibility: none;
+        }
+
+        a {
+            position: relative;
+            display: inline-block;
+            height: 100%;
+            width: 100%;
+            color: #fff;
+
+            &::before{
+                position: absolute;
+                display: inline-block;
+                top: 30%;
+                left: 23%;
+            }
+
+            &:hover,
+            &:active {
+                text-decoration: none;
+            }
+        }
+    }
+}
+
+@media mobile-only {
+    .product-nav-wrapper {
+        max-height: 64px;
+
+        .product-nav {
+            li {
+                padding-top: 17px;
+                padding-bottom: 17px; 
+            }
+        }
+        .nav-btn {
+            height: 64px;
+        }
+    }
+}

data/assets/dex-website-assets/src/styles/sdk-downloader.css

@@ -0,0 +1,155 @@
+/*****
+SDK Downloader Mixins
+*****/
+/*****
+SDK Downloader Variables
+******/
+/* Font Colors */
+/* Font Size */
+/* Font Weight */
+/* Background Colors*/
+/* Background Images (Base64 Images) */
+/* Border Colors */
+/*****
+SDK Downloader Styles
+******/
+/* General Styles */
+.sdk-downloader-wrapper .title {
+  margin-bottom: 20px; }
+  .sdk-downloader-wrapper .title h5 {
+    font-weight: 500; }
+  .sdk-downloader-wrapper .title p {
+    font-size: 14px;
+    padding: 10px; }
+.sdk-downloader-wrapper ul li {
+  list-style: none;
+  font-size: 12px;
+  font-weight: 400;
+  color: #555; }
+.sdk-downloader-wrapper .downloads-container > li {
+  padding: 14px;
+  border: 1px solid #f0f0f0; }
+  .sdk-downloader-wrapper .downloads-container > li.sdk-details:nth-child(2n) {
+    background-color: #fff; }
+  .sdk-downloader-wrapper .downloads-container > li.sdk-details:nth-child(2n + 1) {
+    background-color: #f0f0f0; }
+  .sdk-downloader-wrapper .downloads-container > li.sdk-details [id^="sdk_notes"] {
+    padding: 20px 20px 30px 20px !important; }
+.sdk-downloader-wrapper .downloads-container a {
+  color: #0066c0;
+  text-decoration: none; }
+  .sdk-downloader-wrapper .downloads-container a:hover, .sdk-downloader-wrapper .downloads-container a:active {
+    color: #e37825; }
+.sdk-downloader-wrapper .sdk-container {
+  margin: 0;
+  padding-left: 0; }
+  .sdk-downloader-wrapper .sdk-container li:first-child {
+    padding-left: 0; }
+  .sdk-downloader-wrapper .sdk-container li.name {
+    font-size: 16px;
+    font-weight: 500;
+    padding-left: 0; }
+    .sdk-downloader-wrapper .sdk-container li.name > a.download-icon {
+      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUJERDRCQTg0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUJERDRCQTk0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0ZGMDQzMzQwOTIxMUU2QTNFRUQxQjdCRTkxQzUzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0ZGMDQzNDQwOTIxMUU2QTNFRUQxQjdCRTkxQzUzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmvidY0AAAEOSURBVHja7NdBDoIwEAVQxhBP4M6tiRs9g8ZEjwJn0sMoLHXLNVx5gTpAYoLQ0ikdLHEmaUmAJg9oyi8opaKQCyYLBAD9qCQre+qTQXTZay/qHLMo8BKgAAUoQAEGXs7/Ykhz0kB13oF84rDSTJqv8FDGliWz4YntgFOgoMetJONGVjiMYYXW0ZsH+ZAfnCkP2gVW/8gGbjjQL7KF8wP0g+zE+QMOQ76wHRH3oOxJXDdNG+xv2BYE3Alxd+qmyQ1YI7fYXy2QvTgeoB3SCscHNCOtcbzAbiQJxw9sIudU3DjAGrmugB3rnHfg5BO1AE1ADKs/wWBobZ2LTfeP/bJk0/SXwJg6J2SZ+aq3AAMAIqC9+q5PmlEAAAAASUVORK5CYII=") no-repeat;
+      background-size: 24px; }
+      .sdk-downloader-wrapper .sdk-container li.name > a.download-icon:hover, .sdk-downloader-wrapper .sdk-container li.name > a.download-icon:active {
+        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUJERDRCQUQ0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUJERDRCQUM0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QkRENEJBODQwQjAxMUU2QTNFRUQxQjdCRTkxQzUzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QkRENEJBOTQwQjAxMUU2QTNFRUQxQjdCRTkxQzUzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOxhjsAAADySURBVHja7Ng/CsIwFAbwPhFP4Shu3sBBHETwRJ7As+laF8VRJzt5gfgCGRxim5e8hIjfg29pafk1/ykZY5qai34WeN/Ph56Vfhn13Zwert7ro6byAhBAAAEEEEAA6wXO7KHGnVp8kda39zw5ixjgjbPiPDI2UMdZc9rYLs6JHMSFjsEcyCCcZJJoIoNx0lmsgRThYpaZFOSLs5PgYtdBi9y61pDgNpxTqYX67LqqE+COpXeSNgCZhNPY6vqQyTitvdiHVMFpHhY+kWo4W2PF3cEil5yJdCkpBbR1wXkQQMUxWPrPJqGL/xJI+MufWG8BBgCLWFVQ3BWeSQAAAABJRU5ErkJggg==") no-repeat;
+        background-size: 24px; }
+      .sdk-downloader-wrapper .sdk-container li.name > a.download-icon > span {
+        display: inline-block;
+        margin-left: 26px; }
+    .sdk-downloader-wrapper .sdk-container li.name .minor-description {
+      font-size: 12px;
+      color: #555;
+      text-decoration: none;
+      cursor: default;
+      pointer-events: none; }
+  .sdk-downloader-wrapper .sdk-container li.notes-container > a {
+    position: relative;
+    padding-left: 16px; }
+    .sdk-downloader-wrapper .sdk-container li.notes-container > a::before {
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      content: ' ';
+      position: absolute;
+      left: 0;
+      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAAqElEQVRIie3SMRHDMAwF0EAohEAIFA/+Oo+BEAhlUAiFEggtg0IoBGfJEPtknaR49L/TpPtv+tM0MtI/IYQHgD3GuDm7HwBr8SCiJ4B83sq2ZTADyCmluX5+LXANsh0LrAItsAnUwC5Qgs3gpfAW4B8HAlgA/InoVaDVpCSYBbWTasFNUDupAiaiYAI1sAvUwC5Qgm+BAswuoBfsBxvwfbCCl27gyIgtB+TQFwLk4Ed9AAAAAElFTkSuQmCC") no-repeat;
+      background-size: contain; }
+    .sdk-downloader-wrapper .sdk-container li.notes-container > a.collapsed::before {
+      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAeklEQVRIie2SwQ2AIBAEKcFSLIUHw5sSLMkOpBPpRDvQDyQEIWpiTIw3z9vbuc8pJQgPoLXugAno72QHAA9swFIWgNDKaqIeWGsFwMW5yP4li884p4IxZiiOLCmz1uqrkrElAZxI3pTEZV+TxCxckmRX11KSZ6cS4aPslTEX0mijHCUAAAAASUVORK5CYII=") no-repeat;
+      background-size: contain; }
+.sdk-downloader-wrapper .sdk > a {
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 23px;
+  position: relative;
+  padding-left: 20px; }
+  .sdk-downloader-wrapper .sdk > a::before {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    content: ' ';
+    position: absolute;
+    left: 0;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAOdJREFUSA210FkOwjAMRdG0XREVvwxL69Ko+IctwY2UKIOdgQZLqBnslyOmy2l9GGNu39/o2udlmbfRqeSRO7H4g35/vl/32b3Cd1S5f8PKCR2ot2oyrZyFe431kQpzvJzAAXqvJs/L2YSvsu+tdD6SE3ZAH6nJiuQcpK9z1lLSXCYn6Ad9piYnk3MoKTjXSusX5YR06EU1GaKcC03DXVilPlVOQINeVTOvyrksqVrui3ICCvqimtminAZNr50z46oqp1HQV9XMVeU0pcp0T49UTXIGA32TmpkmOY1O676cDa3ret56Aj8PxUFWWLS/FgAAAABJRU5ErkJggg==) no-repeat;
+    background-size: 8px; }
+  .sdk-downloader-wrapper .sdk > a.collapsed::before {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAJZJREFUSA211E0KgCAQhmG1LlS4DexmdjNrLV2pPxKK0nTmazbunheEGdE1rTNaG/HDyA1fTnesKmWd9w7VueLBhEXecFgkhbMjOTg5UoIXRyh4doSDf0YQeDSCxB+RP/AjIqUaVMgB333D+2n2tgajt9uEwKO3iINH0fAbFPwTpeDZaAlejObgZDSFs9E3HIZecTga8BUTcHBS5w76bgAAAABJRU5ErkJggg==) no-repeat;
+    background-size: 8px; }
+  .sdk-downloader-wrapper .sdk > a::before {
+    top: 3px; }
+.sdk-downloader-wrapper .sdk > ul {
+  margin-left: 20px; }
+.sdk-downloader-wrapper .sdk span {
+  margin-left: 20px;
+  font-size: 13px; }
+.sdk-downloader-wrapper .notes p {
+  font-size: 13px;
+  font-weight: 400;
+  margin: 0; }
+.sdk-downloader-wrapper .notes h3 {
+  padding: 5px 0;
+  margin: 0; }
+.sdk-downloader-wrapper .notes > ul {
+  margin-left: 35px; }
+.sdk-downloader-wrapper .notes li {
+  list-style: disc;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 19px; }
+.sdk-downloader-wrapper .notes h6 {
+  font-size: 13px;
+  font-weight: bold; }
+.sdk-downloader-wrapper .sdk-description {
+  margin: 0px 15px 0px 15px; }
+  .sdk-downloader-wrapper .sdk-description p {
+    line-height: 18px;
+    font-size: 13px;
+    font-weight: 400;
+    font-family: Arial, Helvetica, sans-serif; }
+  .sdk-downloader-wrapper .sdk-description li {
+    list-style: disc; }
+.sdk-downloader-wrapper .sdk-footer p {
+  font-size: 13px; }
+
+/* Media Queries */
+@media (max-width: 991px) {
+  .sdk-downloader-wrapper .downloads-container {
+    margin: 0; }
+    .sdk-downloader-wrapper .downloads-container .updated-on {
+      margin-top: 10px;
+      margin-left: 25px; }
+  .sdk-downloader-wrapper .sdk-footer p {
+    margin-top: 15px; } }
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important; }
+
+  .sdk-downloader-wrapper .title {
+    margin-bottom: 20px; }
+    .sdk-downloader-wrapper .title h5 {
+      font-size: 18px;
+      font-weight: 700 !important; } }
+
+/*# sourceMappingURL=sdk-downloader.css.map */

data/assets/dex-website-assets/src/styles/sdk-downloader.css.map

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

data/assets/dex-website-assets/src/styles/sdk-downloader.scss

@@ -0,0 +1,279 @@
+@import 'base';
+
+/*****
+SDK Downloader Mixins
+*****/
+@mixin iconBackground($collapse_image, $expand_image, $size: contain, $padding: 16px, $width: 16px, $height: 16px) {
+    position: relative;
+    padding-left: $padding;
+
+    &::before {
+        display: inline-block;
+        width: $width;
+        height: $height;
+        content: ' ';
+        position: absolute;
+        left: 0;
+        background: $expand_image;
+        background-size: $size;
+    }
+    &.collapsed::before {
+        background: $collapse_image;
+        background-size: $size;
+    }
+}
+
+/*****
+SDK Downloader Variables
+******/
+
+/* Font Colors */
+$color: #555;
+$link: #0066c0;
+$link_state: #e37825;
+
+/* Font Size */
+$title_size: 21px;
+$header_size: 16px;
+$font_size: 12px;
+$alternate_font_size: 13px;
+
+/* Font Weight */
+$header_weight: 500;
+$font_weight: 400;
+
+/* Background Colors*/
+$odd: #f0f0f0;
+$even: #fff;
+
+/* Background Images (Base64 Images) */
+$download_image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUJERDRCQTg0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUJERDRCQTk0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0ZGMDQzMzQwOTIxMUU2QTNFRUQxQjdCRTkxQzUzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0ZGMDQzNDQwOTIxMUU2QTNFRUQxQjdCRTkxQzUzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmvidY0AAAEOSURBVHja7NdBDoIwEAVQxhBP4M6tiRs9g8ZEjwJn0sMoLHXLNVx5gTpAYoLQ0ikdLHEmaUmAJg9oyi8opaKQCyYLBAD9qCQre+qTQXTZay/qHLMo8BKgAAUoQAEGXs7/Ykhz0kB13oF84rDSTJqv8FDGliWz4YntgFOgoMetJONGVjiMYYXW0ZsH+ZAfnCkP2gVW/8gGbjjQL7KF8wP0g+zE+QMOQ76wHRH3oOxJXDdNG+xv2BYE3Alxd+qmyQ1YI7fYXy2QvTgeoB3SCscHNCOtcbzAbiQJxw9sIudU3DjAGrmugB3rnHfg5BO1AE1ADKs/wWBobZ2LTfeP/bJk0/SXwJg6J2SZ+aq3AAMAIqC9+q5PmlEAAAAASUVORK5CYII=") no-repeat;
+
+$download_image_state: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUJERDRCQUQ0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUJERDRCQUM0MEIwMTFFNkEzRUVEMUI3QkU5MUM1MzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QkRENEJBODQwQjAxMUU2QTNFRUQxQjdCRTkxQzUzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QkRENEJBOTQwQjAxMUU2QTNFRUQxQjdCRTkxQzUzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOxhjsAAADySURBVHja7Ng/CsIwFAbwPhFP4Shu3sBBHETwRJ7As+laF8VRJzt5gfgCGRxim5e8hIjfg29pafk1/ykZY5qai34WeN/Ph56Vfhn13Zwert7ro6byAhBAAAEEEEAA6wXO7KHGnVp8kda39zw5ixjgjbPiPDI2UMdZc9rYLs6JHMSFjsEcyCCcZJJoIoNx0lmsgRThYpaZFOSLs5PgYtdBi9y61pDgNpxTqYX67LqqE+COpXeSNgCZhNPY6vqQyTitvdiHVMFpHhY+kWo4W2PF3cEil5yJdCkpBbR1wXkQQMUxWPrPJqGL/xJI+MufWG8BBgCLWFVQ3BWeSQAAAABJRU5ErkJggg==') no-repeat;
+
+$chevron_collapse_image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAeklEQVRIie2SwQ2AIBAEKcFSLIUHw5sSLMkOpBPpRDvQDyQEIWpiTIw3z9vbuc8pJQgPoLXugAno72QHAA9swFIWgNDKaqIeWGsFwMW5yP4li884p4IxZiiOLCmz1uqrkrElAZxI3pTEZV+TxCxckmRX11KSZ6cS4aPslTEX0mijHCUAAAAASUVORK5CYII=') no-repeat;
+
+$chevron_expand_image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAgCAYAAAD9oDOIAAAAqElEQVRIie3SMRHDMAwF0EAohEAIFA/+Oo+BEAhlUAiFEggtg0IoBGfJEPtknaR49L/TpPtv+tM0MtI/IYQHgD3GuDm7HwBr8SCiJ4B83sq2ZTADyCmluX5+LXANsh0LrAItsAnUwC5Qgs3gpfAW4B8HAlgA/InoVaDVpCSYBbWTasFNUDupAiaiYAI1sAvUwC5Qgm+BAswuoBfsBxvwfbCCl27gyIgtB+TQFwLk4Ed9AAAAAElFTkSuQmCC') no-repeat;
+
+$triangle_collapse_image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAJZJREFUSA211E0KgCAQhmG1LlS4DexmdjNrLV2pPxKK0nTmazbunheEGdE1rTNaG/HDyA1fTnesKmWd9w7VueLBhEXecFgkhbMjOTg5UoIXRyh4doSDf0YQeDSCxB+RP/AjIqUaVMgB333D+2n2tgajt9uEwKO3iINH0fAbFPwTpeDZaAlejObgZDSFs9E3HIZecTga8BUTcHBS5w76bgAAAABJRU5ErkJggg==) no-repeat;
+
+$triangle_expand_image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAOdJREFUSA210FkOwjAMRdG0XREVvwxL69Ko+IctwY2UKIOdgQZLqBnslyOmy2l9GGNu39/o2udlmbfRqeSRO7H4g35/vl/32b3Cd1S5f8PKCR2ot2oyrZyFe431kQpzvJzAAXqvJs/L2YSvsu+tdD6SE3ZAH6nJiuQcpK9z1lLSXCYn6Ad9piYnk3MoKTjXSusX5YR06EU1GaKcC03DXVilPlVOQINeVTOvyrksqVrui3ICCvqimtminAZNr50z46oqp1HQV9XMVeU0pcp0T49UTXIGA32TmpkmOY1O676cDa3ret56Aj8PxUFWWLS/FgAAAABJRU5ErkJggg==) no-repeat;
+
+
+
+/* Border Colors */
+$border-odd: $odd;
+
+/*****
+SDK Downloader Styles
+******/
+
+/* General Styles */
+.sdk-downloader-wrapper {
+    .title {
+        margin-bottom: 20px;
+        h5 {
+            font-weight: 500;
+        }
+        p {
+            font-size: 14px;
+            padding: 10px;
+        }
+    }
+
+    ul {
+        li {
+            list-style: none;
+            font-size: $font-size;
+            font-weight: $font-weight;
+            color: $color;
+        }
+    }
+
+    .downloads-container {
+        & > li {        
+            padding: 14px;
+            border: 1px solid $border-odd;
+            
+            &.sdk-details {
+                &:nth-child(2n) {
+                    background-color: $even;
+                }
+
+                &:nth-child(2n + 1) {
+                    background-color: $odd;
+                }
+
+                [id^="sdk_notes"] {
+                    padding: 20px 20px 30px 20px !important;
+                }
+            }
+        }
+
+        a {
+            color: $link;
+            text-decoration: none;
+
+            &:hover,
+            &:active {
+                color: $link_state;
+            }
+        }
+    }
+
+    .sdk-container {
+        margin: 0;
+        padding-left: 0;
+
+        li{
+            &:first-child {
+                padding-left: 0;
+            }
+            &.name {
+                font-size: $header_size;
+                font-weight: $header_weight;
+                padding-left: 0;
+
+                & > a.download-icon {
+                    background: $download_image;
+                    background-size: 24px;
+
+                    &:hover,
+                    &:active {
+                        background: $download_image_state;
+                        background-size: 24px;
+                    }
+
+                    & > span {
+                        display: inline-block;
+                        margin-left: 26px;
+                    }
+                }
+
+                .minor-description {
+                    font-size: 12px;
+                    color: $color;
+                    text-decoration: none;
+                    cursor: default;
+                    pointer-events: none;
+                }
+            }
+
+            &.notes-container {
+                & > a {
+                    @include iconBackground($chevron_collapse_image, $chevron_expand_image);
+                }    
+            }
+        }
+    }
+
+    .sdk {
+        & > a {
+            font-size: 13px;
+            font-weight: 400;
+            line-height: 23px;
+
+            @include iconBackground($triangle_collapse_image, $triangle_expand_image, 8px, 20px, 8px, 8px);
+
+            &::before {
+                top: 3px;
+            }
+        }
+
+        & > ul {
+            margin-left: 20px;
+        }
+        
+        span {
+            margin-left: 20px;
+            font-size: $alternate_font_size;
+        }
+
+    }
+
+    .notes {
+        p {
+            font-size: $alternate_font_size;
+            font-weight: $font_weight;
+            margin: 0;
+        }
+
+        h3 {
+            padding: 5px 0;
+            margin: 0;
+        }
+
+        & > ul {
+            margin-left: 35px;
+        }
+
+        li {
+            list-style: disc;
+            font-size: $alternate_font_size;
+            font-weight: $font-weight;
+            line-height: 19px;
+        }
+        
+        h6 {
+            font-size: $alternate_font_size;
+            font-weight: bold;
+        }
+    }
+    
+    .sdk-description {
+        margin: 0px 15px 0px 15px;
+        
+        p {
+            line-height: 18px;
+            font-size: 13px;
+            font-weight: 400;
+            font-family: Arial, Helvetica, sans-serif;
+        }
+        
+        li {
+            list-style: disc;
+        }
+    }
+    
+    .sdk-footer {
+        p {
+            font-size: 13px;
+        }
+    }
+}
+
+/* Media Queries */
+@media (max-width: ($desktop - 1)) {
+    .sdk-downloader-wrapper {
+        .downloads-container {
+            margin: 0;
+
+            .updated-on {
+                margin-top: 10px;
+                margin-left: 25px;
+            }
+        }
+
+        .sdk-footer {
+            p {
+                margin-top: 15px;
+            }
+        }
+    }
+}
+
+@media (max-width: ($tablet-portrait - 1)) {
+    .hidden-xs {
+        display: none !important;
+    }
+
+    .sdk-downloader-wrapper {
+        .title {
+            margin-bottom: 20px;
+            h5 {
+                font-size: 18px;
+                font-weight: 700 !important;
+            }
+        }
+    }
+}