diff --git a/source/_static/css/main.css b/source/_static/css/main.css
index ff062700..b59219bb 100644
--- a/source/_static/css/main.css
+++ b/source/_static/css/main.css
@@ -319,6 +319,14 @@ table.docutils {
top: 0;
max-width: 200px; }
+:root {
+ --nav-text-color: #000000;
+ --nav-item-border-color: #000000;
+ --nav-item-arrow: url(../img/icons/nav-arrow.svg);
+ --nav-toggle-hover-border-color: #000000;
+ --nav-bg-gray: #f8f8f8;
+ --header-bg: #ffffff; }
+
.header {
height: 5rem;
background-color: #ffffff;
@@ -362,11 +370,16 @@ table.docutils {
transition: opacity 300ms, -webkit-transform 300ms;
transition: opacity 300ms, transform 300ms;
transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
margin-left: auto;
font-size: 0.9375rem; }
+ @media (min-width: 992px) {
+ .nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; } }
@media (max-width: 991px) {
.nav {
height: 100vh;
@@ -401,29 +414,62 @@ table.docutils {
opacity: 1;
z-index: 100; } }
-.nav__item {
- position: relative; }
- .nav__item:hover .nav__dropdown {
- opacity: 1;
- pointer-events: auto; }
- .nav__item:hover .nav__link--dropdown > span:before {
- opacity: 0; }
+.nav__item:hover .nav__dropdown,
+.nav__item:hover ~ .nav__dropdown--product {
+ opacity: 1;
+ pointer-events: auto; }
+
+.nav__item:hover .nav__link--dropdown > span:before {
+ opacity: 0; }
+
+@media (min-width: 992px) {
+ .nav__item .nav__link {
+ margin-right: 0.75rem;
+ background: var(--nav-item-arrow) no-repeat top 2.45rem right 0.25rem; }
+ .nav__item .nav__link:after {
+ opacity: 0;
+ pointer-events: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ left: 50%;
+ margin-left: -3px;
+ content: "";
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 6px 4px;
+ border-color: transparent transparent #fff;
+ position: absolute;
+ bottom: 1rem;
+ -webkit-transition: opacity 200ms;
+ transition: opacity 200ms;
+ z-index: 2; }
+ .nav__item:hover .nav__link:after {
+ opacity: 1; } }
.nav__link {
- line-height: 100%; }
+ position: relative; }
.nav__link, .nav__link:hover {
- color: #4b4b4b; }
+ color: var(--nav-text-color); }
@media (min-width: 992px) {
.nav__link {
- padding: 0.625rem 1.25rem 0.8125rem;
+ padding: 0 1.25rem;
margin-left: 0.25rem;
cursor: pointer; }
+ .nav__link:not(.nav__link--download) {
+ height: 5rem;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
.nav__link > span {
position: relative; }
.nav__link > span:before {
height: 1px;
width: 100%;
- background-color: #4b4b4b;
+ background-color: var(--nav-item-border-color);
position: absolute;
bottom: -8px;
left: 0;
@@ -442,8 +488,10 @@ table.docutils {
@media (max-width: 991px) {
.nav__link {
font-weight: 500;
- color: #000000;
- padding: 0.75rem 1.75rem; } }
+ color: #000000; }
+ .nav__link > span {
+ display: block;
+ padding: 0.5rem 1.5rem; } }
.nav__link--active > span:before {
opacity: 1;
@@ -454,71 +502,67 @@ table.docutils {
border: 1px solid #C72C48;
-webkit-transition: background-color 300ms, color 300ms;
transition: background-color 300ms, color 300ms;
- border-radius: 0.1875rem; }
+ border-radius: 0.1875rem;
+ padding: 0.5rem 1.25rem 0.6rem; }
.nav__link--download:hover {
background-color: #C72C48;
color: #ffffff; }
@media (max-width: 991px) {
.nav__link--download {
margin: 1.5rem;
- text-align: center; } }
+ text-align: center;
+ padding: 0.5rem 1rem;
+ display: block; } }
@media (min-width: 992px) {
.nav__dropdown {
- margin-top: 0.3125rem;
width: 385px;
-webkit-transform: translateX(calc(-50% + 3rem));
transform: translateX(calc(-50% + 3rem));
position: absolute;
left: 0;
- top: 90%;
+ top: 4rem;
opacity: 0;
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
- pointer-events: none; }
- .nav__dropdown:before {
- left: 50%;
- margin-left: -5px;
- content: "";
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 10px 8px;
- border-color: transparent transparent #ffffff transparent;
- position: absolute;
- top: -8px; }
+ pointer-events: none;
+ border-radius: 0.3125rem;
+ overflow: hidden;
+ -webkit-box-shadow: 0 0.0625rem 1.25rem rgba(0, 0, 0, 0.13);
+ box-shadow: 0 0.0625rem 1.25rem rgba(0, 0, 0, 0.13);
+ background-color: #ffffff;
+ z-index: 1; }
.nav__dropdown .nav__dropdown__inner {
padding: 1.5rem;
max-height: calc(100vh - 5rem);
overflow-y: auto;
- border-radius: 0.1875rem;
- -webkit-box-shadow: 0 0.0625rem 1.25rem rgba(0, 0, 0, 0.13);
- box-shadow: 0 0.0625rem 1.25rem rgba(0, 0, 0, 0.13);
- background-color: #ffffff; } }
+ border-radius: 0.3125rem; } }
@media (max-width: 991px) {
.nav__dropdown .nav__dropdown__inner {
- background-color: #f8f8f8;
- padding: 0.5rem 1rem;
+ background-color: var(--nav-bg-gray);
+ padding: 0.5rem 0.8rem;
margin-bottom: 1rem; } }
@media (min-width: 992px) {
- .nav__dropdown--lg {
- width: 800px; }
- .nav__dropdown--lg .nav__dropdown__inner {
- padding: 3.5rem; } }
-
-@media (max-width: 1200px) and (min-width: 992px) {
- .nav__dropdown--lg {
- width: 500px; }
- .nav__dropdown--lg .nav__dropdown__inner {
- padding: 1.5rem; } }
+ .nav__dropdown--product {
+ width: calc(100% - 3.5rem);
+ max-width: 1200px;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ left: auto;
+ right: 1.75rem; }
+ .nav__dropdown--product:hover {
+ opacity: 1;
+ pointer-events: auto; }
+ .nav__dropdown--product .nav__dropdown__inner {
+ padding: 2.5rem 2.25rem; } }
.nav__sub {
padding: 0.6rem 0.75rem;
font-weight: 500;
color: #000000;
- border-radius: 0.25rem; }
+ border-radius: 0.1875rem; }
@media (max-width: 991px) {
.nav__sub {
font-size: 0.85rem;
@@ -536,44 +580,31 @@ table.docutils {
.nav__sub > small {
display: none; } }
.nav__sub:hover {
- background-color: #f8f8f8;
+ background-color: var(--nav-bg-gray);
color: #000000; }
-.nav__arrow {
- width: 9px;
- height: 5px;
- background: url(../img/icons/nav-arrow.svg) no-repeat center;
- display: inline-block;
- margin-left: 4px; }
- @media (max-width: 991px) {
- .nav__arrow {
- display: none; } }
-
@media (min-width: 992px) {
.nav__feature {
display: -webkit-box;
display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start; } }
-
-.nav__column {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1; }
+ display: flex; } }
@media (min-width: 992px) {
- .nav__column--main {
- padding-right: 1rem; }
- .nav__column--main > .nav__sub {
+ .nav__column {
+ padding: 0 1rem; }
+ .nav__column:not(:first-child) {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .nav__column:first-child > .nav__sub {
margin-top: 1rem; } }
.nav__column__title {
text-transform: uppercase;
font-size: 0.6rem;
padding-left: 0.75rem;
- margin-bottom: 0.2rem; }
+ margin-bottom: 0.5rem;
+ line-height: 100%; }
@media (max-width: 991px) {
.nav__column__title {
margin-top: 1rem; } }
@@ -614,6 +645,13 @@ table.docutils {
.nav__jump {
display: none; } }
+.nav__seperator {
+ border-left: 1px solid var(--nav-bg-gray);
+ margin: 0 1rem; }
+ @media (max-width: 991px) {
+ .nav__seperator {
+ display: none; } }
+
.toggle-icon {
width: 2.5rem;
height: 2.5rem;
diff --git a/source/_static/css/main.min.css b/source/_static/css/main.min.css
index 5a1c7ab6..15b72474 100644
--- a/source/_static/css/main.min.css
+++ b/source/_static/css/main.min.css
@@ -1 +1 @@
-@font-face{font-family:Mark;src:url(../fonts/Mark-Regular.woff2) format("woff2"),url(../fonts/Mark-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mark;src:url(../fonts/Mark-Medium.woff2) format("woff2"),url(../fonts/Mark-Medium.woff) format("woff");font-weight:500;font-style:normal}html{line-height:1.35;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:.9em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:.9em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button[disabled]{cursor:default}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}address{font-style:normal;color:inherit;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:active,:focus{outline:0}html{font-size:16px}body{all:unset;font-family:Mark,sans-serif;font-size:1rem;line-height:1.5;color:#4b4b4b;background-color:#f9f9f9;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{color:#0045ec;text-decoration:none}a:hover{color:#0036b9;text-decoration:none}a>img.anchor{-webkit-box-shadow:none;box-shadow:none;height:1rem}h1,h2,h3,h4,h5,h6{color:#1c1c1c;position:relative}h1>.toc-backref,h2>.toc-backref,h3>.toc-backref,h4>.toc-backref,h5>.toc-backref,h6>.toc-backref{color:#1c1c1c}h1>.headerlink,h2>.headerlink,h3>.headerlink,h4>.headerlink,h5>.headerlink,h6>.headerlink{position:absolute;left:-1.5rem;top:0;opacity:.5}h1>.headerlink:hover,h2>.headerlink:hover,h3>.headerlink:hover,h4>.headerlink:hover,h5>.headerlink:hover,h6>.headerlink:hover{background-color:transparent;opacity:1}div.admonition{margin-top:0}div.admonition>p.admonition-title{font-weight:700;font-family:Mark,sans-serif;font-size:1.2rem}div.admonition.warning{background-color:#fff2f2;border:none;border-left:4px solid #e54253}div.admonition.important{background-color:#fff9e6;border:none;border-left:4px solid #edbc39}div.admonition.note{background-color:#edf9ff;border:none;border-left:4px solid #2592ef}dl{margin:10px 0 10px 0}dl.minio{margin:10px 0 10px 0}div.footer{width:auto;margin:0}.align-default{text-align:left}table.docutils{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}table.docutils>tbody tr th.stub{border:none;border-bottom:1px solid #e6e6e6;color:#c72c48}table.docutils>thead tr th{border:none;border-bottom:1px solid #e6e6e6;font-size:1rem;color:#c72c48}table.docutils>tbody tr td{border:none;border-bottom:1px solid #e6e6e6}table.docutils>tbody tr td>p{font-size:.9rem}.xref{color:#c72c48}.content__main img{-webkit-box-shadow:0 0 5px #d3d3d3;box-shadow:0 0 5px #d3d3d3}@media (min-width:1200px){.content,.header{padding:0 1.75rem}}@media (max-width:1199px){.content,.header{padding:0 1rem}}.content{overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:calc(100vh - 5rem)}.content__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background-color:#fff;-ms-flex-item-align:start;align-self:flex-start}@media (min-width:1200px){.content__main{padding:1.75rem}}@media (max-width:1199px){.content__main{padding:1rem}}.content__right{-ms-flex-negative:0;flex-shrink:0;position:sticky;top:0;max-width:200px}.header{height:5rem;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 .75rem rgba(0,0,0,.1);box-shadow:0 0 .75rem rgba(0,0,0,.1);width:100%;z-index:10;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center}@media (min-width:992px){.header .toggle-icon{display:none}}.header .toggle-icon--menu{margin-left:auto}.logo{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (max-width:991px){.logo{margin-left:1rem}}.logo>img{height:1.05rem;-webkit-box-shadow:none;box-shadow:none}.nav{z-index:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;font-size:.9375rem}@media (max-width:991px){.nav{height:100vh;width:300px;position:fixed;right:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);opacity:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);overflow-y:auto;background-color:#fff;padding-top:2.5rem}}.nav>.toggle-icon{position:absolute;top:.7rem;right:.7rem}@media (min-width:992px){.nav>.toggle-icon{display:none}}@media (max-width:991px){.nav-toggled .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:100}}.nav__item{position:relative}.nav__item:hover .nav__dropdown{opacity:1;pointer-events:auto}.nav__item:hover .nav__link--dropdown>span:before{opacity:0}.nav__link{line-height:100%}.nav__link,.nav__link:hover{color:#4b4b4b}@media (min-width:992px){.nav__link{padding:.625rem 1.25rem .8125rem;margin-left:.25rem;cursor:pointer}.nav__link>span{position:relative}.nav__link>span:before{height:1px;width:100%;background-color:#4b4b4b;position:absolute;bottom:-8px;left:0;content:"";-webkit-transform:translateY(5px);transform:translateY(5px);opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.nav__link:not(.nav__link--dropdown):hover>span:before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width:991px){.nav__link{font-weight:500;color:#000;padding:.75rem 1.75rem}}.nav__link--active>span:before{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.nav__link--download{border:1px solid #c72c48;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;border-radius:.1875rem}.nav__link--download:hover{background-color:#c72c48;color:#fff}@media (max-width:991px){.nav__link--download{margin:1.5rem;text-align:center}}@media (min-width:992px){.nav__dropdown{margin-top:.3125rem;width:385px;-webkit-transform:translateX(calc(-50% + 3rem));transform:translateX(calc(-50% + 3rem));position:absolute;left:0;top:90%;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none}.nav__dropdown:before{left:50%;margin-left:-5px;content:"";width:0;height:0;border-style:solid;border-width:0 10px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px}.nav__dropdown .nav__dropdown__inner{padding:1.5rem;max-height:calc(100vh - 5rem);overflow-y:auto;border-radius:.1875rem;-webkit-box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);background-color:#fff}}@media (max-width:991px){.nav__dropdown .nav__dropdown__inner{background-color:#f8f8f8;padding:.5rem 1rem;margin-bottom:1rem}}@media (min-width:992px){.nav__dropdown--lg{width:800px}.nav__dropdown--lg .nav__dropdown__inner{padding:3.5rem}}@media (max-width:1200px) and (min-width:992px){.nav__dropdown--lg{width:500px}.nav__dropdown--lg .nav__dropdown__inner{padding:1.5rem}}.nav__sub{padding:.6rem .75rem;font-weight:500;color:#000;border-radius:.25rem}@media (max-width:991px){.nav__sub{font-size:.85rem;font-weight:400}}.nav__sub,.nav__sub>small{display:block}.nav__sub>small{color:#4b4b4b;font-weight:400;font-size:.8rem;opacity:.75;margin-top:.25rem}@media (max-width:991px){.nav__sub>small{display:none}}.nav__sub:hover{background-color:#f8f8f8;color:#000}.nav__arrow{width:9px;height:5px;background:url(../img/icons/nav-arrow.svg) no-repeat center;display:inline-block;margin-left:4px}@media (max-width:991px){.nav__arrow{display:none}}@media (min-width:992px){.nav__feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.nav__column{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width:992px){.nav__column--main{padding-right:1rem}.nav__column--main>.nav__sub{margin-top:1rem}}.nav__column__title{text-transform:uppercase;font-size:.6rem;padding-left:.75rem;margin-bottom:.2rem}@media (max-width:991px){.nav__column__title{margin-top:1rem}}.nav__lead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__lead,.nav__lead:hover{color:#000}.nav__lead>img{width:30px;-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem}@media (max-width:991px){.nav__lead>img{display:none}}@media (min-width:992px){.nav__jump{padding-left:2.6rem;margin-top:-.2rem}.nav__jump>a{font-weight:400;display:block;font-size:.8rem;margin-top:.5rem}.nav__jump>a,.nav__jump>a:hover{color:#000}.nav__jump>a:hover{text-decoration:underline}}@media (max-width:991px){.nav__jump{display:none}}.toggle-icon{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:.1875rem;-webkit-transition:background-color .3s;transition:background-color .3s;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-shrink:0;background-repeat:no-repeat;background-position:center}.toggle-icon:hover{background-color:rgba(199,44,72,.075)}.toggle-icon--docs{background-image:url(../img/icons/docs.svg)}.toggle-icon--menu{background-image:url(../img/icons/menu.svg)}.toggle-icon--close{background-image:url(../img/icons/close-circle.svg)}.toggle-icon--toc{background-image:url(../img/icons/toc.svg)}.sidebar{width:18rem;position:sticky;position:-webkit-sticky;top:0;background-color:#f9f9f9;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;padding:2rem 1rem 1rem 0;overflow-y:auto}@media (max-width:991px){.sidebar{position:fixed;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);height:100%;-webkit-box-shadow:0 0 1.5rem rgba(0,0,0,.15);box-shadow:0 0 1.5rem rgba(0,0,0,.15);opacity:0;z-index:11;pointer-events:none;height:100%;overflow-y:auto;padding-left:1rem}}.sidebar>.toggle-icon{position:absolute;top:.7rem;right:.7rem}@media (min-width:992px){.sidebar>.toggle-icon{display:none}}.sidebar__title{margin:0 0 1.5rem;line-height:100%}.sidebar__title>a{line-height:100%;color:#1c1c1c;font-size:.9rem;text-transform:uppercase;font-weight:500}.sidebar__title>a:hover{color:#1c1c1c}.sidebar-toggled .sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all}.search{margin-bottom:.8rem}@media (max-width:991px){.search{margin-right:-1rem;margin-left:-1rem}}.search__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f0f0f0;height:2.65rem;background-color:#fff;color:#555;font-size:.85rem;width:100%;padding:0 1rem .1rem 2.6rem;background:url(../img/icons/search.svg) no-repeat center left 1rem;background-color:#fff}@media (min-width:992px){.search__text{border-radius:.1875rem}}.search__text:focus{border-color:#cacaca}.docs ul{list-style:none;padding:0;margin:.5rem 0 .5rem 0;font-size:.9rem}.docs ul>li{margin:.5rem 0 .5rem 0}.docs ul>li>a,.docs ul>li>a>code{all:unset}.docs ul>li>a:hover{border:0;cursor:pointer}.docs ul>li.active>a{color:#c72c48;font-weight:500}.docs ul>li.active-parent>a{color:#494949;font-weight:500}.docs ul>li>ul>li{margin:.5rem 0 .5rem .5rem;font-size:.85rem}div#localtoc{font-size:13px;margin-left:20px}#table-of-contents{background:0 0;border-style:none}#table-of-contents ul{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li>p a.reference{text-decoration:none;border-bottom:none;color:#1c1c1c}#table-of-contents ul>li>ul{margin:10px 0 10px 10px}
\ No newline at end of file
+@font-face{font-family:Mark;src:url(../fonts/Mark-Regular.woff2) format("woff2"),url(../fonts/Mark-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mark;src:url(../fonts/Mark-Medium.woff2) format("woff2"),url(../fonts/Mark-Medium.woff) format("woff");font-weight:500;font-style:normal}html{line-height:1.35;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:.9em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:.9em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button[disabled]{cursor:default}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}address{font-style:normal;color:inherit;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:active,:focus{outline:0}html{font-size:16px}body{all:unset;font-family:Mark,sans-serif;font-size:1rem;line-height:1.5;color:#4b4b4b;background-color:#f9f9f9;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{color:#0045ec;text-decoration:none}a:hover{color:#0036b9;text-decoration:none}a>img.anchor{-webkit-box-shadow:none;box-shadow:none;height:1rem}h1,h2,h3,h4,h5,h6{color:#1c1c1c;position:relative}h1>.toc-backref,h2>.toc-backref,h3>.toc-backref,h4>.toc-backref,h5>.toc-backref,h6>.toc-backref{color:#1c1c1c}h1>.headerlink,h2>.headerlink,h3>.headerlink,h4>.headerlink,h5>.headerlink,h6>.headerlink{position:absolute;left:-1.5rem;top:0;opacity:.5}h1>.headerlink:hover,h2>.headerlink:hover,h3>.headerlink:hover,h4>.headerlink:hover,h5>.headerlink:hover,h6>.headerlink:hover{background-color:transparent;opacity:1}div.admonition{margin-top:0}div.admonition>p.admonition-title{font-weight:700;font-family:Mark,sans-serif;font-size:1.2rem}div.admonition.warning{background-color:#fff2f2;border:none;border-left:4px solid #e54253}div.admonition.important{background-color:#fff9e6;border:none;border-left:4px solid #edbc39}div.admonition.note{background-color:#edf9ff;border:none;border-left:4px solid #2592ef}dl{margin:10px 0 10px 0}dl.minio{margin:10px 0 10px 0}div.footer{width:auto;margin:0}.align-default{text-align:left}table.docutils{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}table.docutils>tbody tr th.stub{border:none;border-bottom:1px solid #e6e6e6;color:#c72c48}table.docutils>thead tr th{border:none;border-bottom:1px solid #e6e6e6;font-size:1rem;color:#c72c48}table.docutils>tbody tr td{border:none;border-bottom:1px solid #e6e6e6}table.docutils>tbody tr td>p{font-size:.9rem}.xref{color:#c72c48}.content__main img{-webkit-box-shadow:0 0 5px #d3d3d3;box-shadow:0 0 5px #d3d3d3}@media (min-width:1200px){.content,.header{padding:0 1.75rem}}@media (max-width:1199px){.content,.header{padding:0 1rem}}.content{overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:calc(100vh - 5rem)}.content__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background-color:#fff;-ms-flex-item-align:start;align-self:flex-start}@media (min-width:1200px){.content__main{padding:1.75rem}}@media (max-width:1199px){.content__main{padding:1rem}}.content__right{-ms-flex-negative:0;flex-shrink:0;position:sticky;top:0;max-width:200px}:root{--nav-text-color:#000000;--nav-item-border-color:#000000;--nav-item-arrow:url(../img/icons/nav-arrow.svg);--nav-toggle-hover-border-color:#000000;--nav-bg-gray:#f8f8f8;--header-bg:#ffffff}.header{height:5rem;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 .75rem rgba(0,0,0,.1);box-shadow:0 0 .75rem rgba(0,0,0,.1);width:100%;z-index:10;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center}@media (min-width:992px){.header .toggle-icon{display:none}}.header .toggle-icon--menu{margin-left:auto}.logo{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (max-width:991px){.logo{margin-left:1rem}}.logo>img{height:1.05rem;-webkit-box-shadow:none;box-shadow:none}.nav{z-index:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;margin-left:auto;font-size:.9375rem}@media (min-width:992px){.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:991px){.nav{height:100vh;width:300px;position:fixed;right:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);opacity:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);overflow-y:auto;background-color:#fff;padding-top:2.5rem}}.nav>.toggle-icon{position:absolute;top:.7rem;right:.7rem}@media (min-width:992px){.nav>.toggle-icon{display:none}}@media (max-width:991px){.nav-toggled .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:100}}.nav__item:hover .nav__dropdown,.nav__item:hover~.nav__dropdown--product{opacity:1;pointer-events:auto}.nav__item:hover .nav__link--dropdown>span:before{opacity:0}@media (min-width:992px){.nav__item .nav__link{margin-right:.75rem;background:var(--nav-item-arrow) no-repeat top 2.45rem right .25rem}.nav__item .nav__link:after{opacity:0;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;left:50%;margin-left:-3px;content:"";width:0;height:0;border-style:solid;border-width:0 6px 4px;border-color:transparent transparent #fff;position:absolute;bottom:1rem;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:2}.nav__item:hover .nav__link:after{opacity:1}}.nav__link{position:relative}.nav__link,.nav__link:hover{color:var(--nav-text-color)}@media (min-width:992px){.nav__link{padding:0 1.25rem;margin-left:.25rem;cursor:pointer}.nav__link:not(.nav__link--download){height:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__link>span{position:relative}.nav__link>span:before{height:1px;width:100%;background-color:var(--nav-item-border-color);position:absolute;bottom:-8px;left:0;content:"";-webkit-transform:translateY(5px);transform:translateY(5px);opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.nav__link:not(.nav__link--dropdown):hover>span:before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width:991px){.nav__link{font-weight:500;color:#000}.nav__link>span{display:block;padding:.5rem 1.5rem}}.nav__link--active>span:before{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.nav__link--download{border:1px solid #c72c48;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;border-radius:.1875rem;padding:.5rem 1.25rem .6rem}.nav__link--download:hover{background-color:#c72c48;color:#fff}@media (max-width:991px){.nav__link--download{margin:1.5rem;text-align:center;padding:.5rem 1rem;display:block}}@media (min-width:992px){.nav__dropdown{width:385px;-webkit-transform:translateX(calc(-50% + 3rem));transform:translateX(calc(-50% + 3rem));position:absolute;left:0;top:4rem;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none;border-radius:.3125rem;overflow:hidden;-webkit-box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);background-color:#fff;z-index:1}.nav__dropdown .nav__dropdown__inner{padding:1.5rem;max-height:calc(100vh - 5rem);overflow-y:auto;border-radius:.3125rem}}@media (max-width:991px){.nav__dropdown .nav__dropdown__inner{background-color:var(--nav-bg-gray);padding:.5rem .8rem;margin-bottom:1rem}}@media (min-width:992px){.nav__dropdown--product{width:calc(100% - 3.5rem);max-width:1200px;-webkit-transform:translateX(0);transform:translateX(0);left:auto;right:1.75rem}.nav__dropdown--product:hover{opacity:1;pointer-events:auto}.nav__dropdown--product .nav__dropdown__inner{padding:2.5rem 2.25rem}}.nav__sub{padding:.6rem .75rem;font-weight:500;color:#000;border-radius:.1875rem}@media (max-width:991px){.nav__sub{font-size:.85rem;font-weight:400}}.nav__sub,.nav__sub>small{display:block}.nav__sub>small{color:#4b4b4b;font-weight:400;font-size:.8rem;opacity:.75;margin-top:.25rem}@media (max-width:991px){.nav__sub>small{display:none}}.nav__sub:hover{background-color:var(--nav-bg-gray);color:#000}@media (min-width:992px){.nav__feature{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:992px){.nav__column{padding:0 1rem}.nav__column:not(:first-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.nav__column:first-child>.nav__sub{margin-top:1rem}}.nav__column__title{text-transform:uppercase;font-size:.6rem;padding-left:.75rem;margin-bottom:.5rem;line-height:100%}@media (max-width:991px){.nav__column__title{margin-top:1rem}}.nav__lead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__lead,.nav__lead:hover{color:#000}.nav__lead>img{width:30px;-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem}@media (max-width:991px){.nav__lead>img{display:none}}@media (min-width:992px){.nav__jump{padding-left:2.6rem;margin-top:-.2rem}.nav__jump>a{font-weight:400;display:block;font-size:.8rem;margin-top:.5rem}.nav__jump>a,.nav__jump>a:hover{color:#000}.nav__jump>a:hover{text-decoration:underline}}@media (max-width:991px){.nav__jump{display:none}}.nav__seperator{border-left:1px solid var(--nav-bg-gray);margin:0 1rem}@media (max-width:991px){.nav__seperator{display:none}}.toggle-icon{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:.1875rem;-webkit-transition:background-color .3s;transition:background-color .3s;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-shrink:0;background-repeat:no-repeat;background-position:center}.toggle-icon:hover{background-color:rgba(199,44,72,.075)}.toggle-icon--docs{background-image:url(../img/icons/docs.svg)}.toggle-icon--menu{background-image:url(../img/icons/menu.svg)}.toggle-icon--close{background-image:url(../img/icons/close-circle.svg)}.toggle-icon--toc{background-image:url(../img/icons/toc.svg)}.sidebar{width:18rem;position:sticky;position:-webkit-sticky;top:0;background-color:#f9f9f9;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;padding:2rem 1rem 1rem 0;overflow-y:auto}@media (max-width:991px){.sidebar{position:fixed;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);height:100%;-webkit-box-shadow:0 0 1.5rem rgba(0,0,0,.15);box-shadow:0 0 1.5rem rgba(0,0,0,.15);opacity:0;z-index:11;pointer-events:none;height:100%;overflow-y:auto;padding-left:1rem}}.sidebar>.toggle-icon{position:absolute;top:.7rem;right:.7rem}@media (min-width:992px){.sidebar>.toggle-icon{display:none}}.sidebar__title{margin:0 0 1.5rem;line-height:100%}.sidebar__title>a{line-height:100%;color:#1c1c1c;font-size:.9rem;text-transform:uppercase;font-weight:500}.sidebar__title>a:hover{color:#1c1c1c}.sidebar-toggled .sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all}.search{margin-bottom:.8rem}@media (max-width:991px){.search{margin-right:-1rem;margin-left:-1rem}}.search__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f0f0f0;height:2.65rem;background-color:#fff;color:#555;font-size:.85rem;width:100%;padding:0 1rem .1rem 2.6rem;background:url(../img/icons/search.svg) no-repeat center left 1rem;background-color:#fff}@media (min-width:992px){.search__text{border-radius:.1875rem}}.search__text:focus{border-color:#cacaca}.docs ul{list-style:none;padding:0;margin:.5rem 0 .5rem 0;font-size:.9rem}.docs ul>li{margin:.5rem 0 .5rem 0}.docs ul>li>a,.docs ul>li>a>code{all:unset}.docs ul>li>a:hover{border:0;cursor:pointer}.docs ul>li.active>a{color:#c72c48;font-weight:500}.docs ul>li.active-parent>a{color:#494949;font-weight:500}.docs ul>li>ul>li{margin:.5rem 0 .5rem .5rem;font-size:.85rem}div#localtoc{font-size:13px;margin-left:20px}#table-of-contents{background:0 0;border-style:none}#table-of-contents ul{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li>p a.reference{text-decoration:none;border-bottom:none;color:#1c1c1c}#table-of-contents ul>li>ul{margin:10px 0 10px 10px}
\ No newline at end of file
diff --git a/source/_static/img/icons/erasure-code-calculator.svg b/source/_static/img/icons/erasure-code-calculator.svg
new file mode 100644
index 00000000..6e38a659
--- /dev/null
+++ b/source/_static/img/icons/erasure-code-calculator.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/source/_static/img/icons/nav-arrow.svg b/source/_static/img/icons/nav-arrow.svg
index e5cc8b63..f85b9c4b 100644
--- a/source/_static/img/icons/nav-arrow.svg
+++ b/source/_static/img/icons/nav-arrow.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/source/_static/scss/includes/_header.scss b/source/_static/scss/includes/_header.scss
index 02e0af8c..921d901e 100644
--- a/source/_static/scss/includes/_header.scss
+++ b/source/_static/scss/includes/_header.scss
@@ -1,3 +1,13 @@
+// Using CSS variables to match the parent site's nav configs.
+:root {
+ --nav-text-color: #{$black};
+ --nav-item-border-color: #{$black};
+ --nav-item-arrow: #{$nav-arrow-icon};
+ --nav-toggle-hover-border-color: #{$black};
+ --nav-bg-gray: #{$nav-sub-hover-bg};
+ --header-bg: #{$white};
+}
+
.header {
height: $header-height;
background-color: $header-bg;
@@ -40,10 +50,14 @@
.nav {
z-index: 1;
transition: opacity 300ms, transform 300ms;
- display: flex;
margin-left: auto;
font-size: 0.9375rem;
+ @include breakpoint-min(breakpoints(lg)) {
+ display: flex;
+ align-items: center;
+ }
+
@include breakpoint-max(breakpoints(lg)) {
height: 100vh;
width: $nav-mobile-width;
@@ -81,10 +95,9 @@
}
.nav__item {
- position: relative;
-
&:hover {
- .nav__dropdown {
+ .nav__dropdown,
+ & ~ .nav__dropdown--product {
opacity: 1;
pointer-events: auto;
}
@@ -97,20 +110,59 @@
}
}
}
+
+ @include breakpoint-min(breakpoints(lg)) {
+ .nav__link {
+ margin-right: 0.75rem;
+ background: var(--nav-item-arrow) no-repeat top 2.45rem right 0.25rem;
+
+ &:after {
+ opacity: 0;
+ pointer-events: none;
+ box-sizing: border-box;
+ left: 50%;
+ margin-left: -3px;
+ content: "";
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 6px 4px;
+ border-color: transparent transparent #fff;
+ position: absolute;
+ bottom: 1rem;
+ transition: opacity 200ms;
+ z-index: 2;
+ }
+ }
+
+ &:hover {
+ .nav__link {
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
+ }
}
.nav__link {
- line-height: 100%;
+ position: relative;
&,
&:hover {
- color: $nav-link-color;
+ color: var(--nav-text-color);
}
@include breakpoint-min(breakpoints(lg)) {
- padding: 0.625rem 1.25rem 0.8125rem;
+ padding: 0 1.25rem;
margin-left: 0.25rem;
cursor: pointer;
+
+ &:not(.nav__link--download) {
+ height: $header-height;
+ display: flex;
+ align-items: center;
+ }
& > span {
position: relative;
@@ -118,7 +170,7 @@
&:before {
height: 1px;
width: 100%;
- background-color: $nav-link-color;
+ background-color: var(--nav-item-border-color);
position: absolute;
bottom: -8px;
left: 0;
@@ -144,7 +196,11 @@
@include breakpoint-max(breakpoints(lg)) {
font-weight: $font-weight-medium;
color: $black;
- padding: 0.75rem 1.75rem;
+
+ & > span {
+ display: block;
+ padding: 0.5rem 1.5rem;
+ }
}
}
@@ -161,7 +217,8 @@
border: 1px solid $theme-red;
transition: background-color 300ms, color 300ms;
border-radius: $border-radius;
-
+ padding: 0.5rem 1.25rem 0.6rem;
+
&:hover {
background-color: $theme-red;
color: $white;
@@ -170,78 +227,68 @@
@include breakpoint-max(breakpoints(lg)) {
margin: 1.5rem;
text-align: center;
+ padding: 0.5rem 1rem;
+ display: block;
}
}
.nav__dropdown {
@include breakpoint-min(breakpoints(lg)) {
- margin-top: 0.3125rem;
width: 385px;
transform: translateX(calc(-50% + 3rem));
position: absolute;
left: 0;
- top: 90%;
+ top: 4rem;
opacity: 0;
transition: opacity 200ms;
pointer-events: none;
-
- &:before {
- left: 50%;
- margin-left: -5px;
- content: "";
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 10px 8px;
- border-color: transparent transparent $white transparent;
- position: absolute;
- top: -8px;
- }
+ border-radius: $border-radius-lg;
+ overflow: hidden;
+ box-shadow: 0 0.0625rem 1.25rem rgba($black, 0.13);
+ background-color: $white;
+ z-index: 1;
.nav__dropdown__inner {
padding: 1.5rem;
max-height: calc(100vh - 5rem);
overflow-y: auto;
- border-radius: $border-radius;
- box-shadow: 0 0.0625rem 1.25rem rgba($black, 0.13);
- background-color: $white;
+ border-radius: $border-radius-lg;
}
}
@include breakpoint-max(breakpoints(lg)) {
.nav__dropdown__inner {
- background-color: $nav-sub-hover-bg;
- padding: 0.5rem 1rem;
+ background-color: var(--nav-bg-gray);
+ padding: 0.5rem 0.8rem;
margin-bottom: 1rem;
}
}
}
-.nav__dropdown--lg {
+.nav__dropdown--product {
@include breakpoint-min(breakpoints(lg)) {
- width: 800px;
+ &:hover {
+ opacity: 1;
+ pointer-events: auto;
+ }
+
+ width: calc(100% - 3.5rem);
+ max-width: 1200px;
+ transform: translateX(0);
+ left: auto;
+ right: 1.75rem;
.nav__dropdown__inner {
- padding: 3.5rem;
+ padding: 2.5rem 2.25rem;
}
}
-
- @media (max-width: map_get($breakpoints, xl)) and (min-width: map_get($breakpoints, lg)) {
- width: 500px;
-
- .nav__dropdown__inner {
- padding: 1.5rem;
- }
- }
-
-
}
.nav__sub {
padding: 0.6rem 0.75rem;
font-weight: $font-weight-medium;
color: $black;
- border-radius: 0.25rem;
+ border-radius: $border-radius;
@include breakpoint-max(breakpoints(lg)) {
font-size: 0.85rem;
@@ -266,40 +313,29 @@
}
&:hover {
- background-color: $nav-sub-hover-bg;
+ background-color: var(--nav-bg-gray);
color: $black;
}
}
-.nav__arrow {
- width: 9px;
- height: 5px;
- background: $nav-arrow-icon;
- display: inline-block;
- margin-left: 4px;
-
- @include breakpoint-max(breakpoints(lg)) {
- display: none;
- }
-}
-
.nav__feature {
@include breakpoint-min(breakpoints(lg)) {
display: flex;
- align-items: flex-start;
}
}
.nav__column {
- flex: 1;
-}
-
-.nav__column--main {
@include breakpoint-min(breakpoints(lg)) {
- padding-right: 1rem;
+ padding: 0 1rem;
- & > .nav__sub {
- margin-top: 1rem;
+ &:not(:first-child) {
+ flex: 1;
+ }
+
+ &:first-child {
+ & > .nav__sub {
+ margin-top: 1rem;
+ }
}
}
}
@@ -308,11 +344,14 @@
text-transform: uppercase;
font-size: 0.6rem;
padding-left: 0.75rem;
- margin-bottom: 0.2rem;
+ margin-bottom: 0.5rem;
+ line-height: 100%;
@include breakpoint-max(breakpoints(lg)) {
margin-top: 1rem;
}
+
+
}
.nav__lead {
@@ -362,6 +401,15 @@
}
}
+.nav__seperator {
+ border-left: 1px solid var(--nav-bg-gray);
+ margin: 0 1rem;
+
+ @include breakpoint-max(breakpoints(lg)) {
+ display: none;
+ }
+}
+
.toggle-icon {
width: 2.5rem;
height: 2.5rem;
diff --git a/source/_static/scss/includes/_variables.scss b/source/_static/scss/includes/_variables.scss
index a305814a..dca03b39 100644
--- a/source/_static/scss/includes/_variables.scss
+++ b/source/_static/scss/includes/_variables.scss
@@ -104,4 +104,4 @@ $nav-mobile-bg: $white;
$nav-mobile-width: 300px;
$nav-mobile-box-shadow: 0 0 10px rgba($black, 0.1);
$nav-active-z-index: 100;
-$nav-arrow-icon: url(../img/icons/nav-arrow.svg) no-repeat center;
\ No newline at end of file
+$nav-arrow-icon: url(../img/icons/nav-arrow.svg);
\ No newline at end of file
diff --git a/source/_templates/top-navigation.html b/source/_templates/top-navigation.html
index b9836528..f40a5d27 100644
--- a/source/_templates/top-navigation.html
+++ b/source/_templates/top-navigation.html
@@ -4,13 +4,12 @@
 }}){kind=icon}
@@ -31,6 +30,10 @@
 }}){kind=icon}
+ Erasure Code Calculator
+  }}){kind=icon}
Reference Hardware
@@ -49,75 +52,91 @@