Merge pull request #232 from influxdata/v2-layout

New brand theme
pull/238/head
Scott Anderson 2019-05-10 17:09:34 -06:00 committed by GitHub
commit fdc1ed4853
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
48 changed files with 3229 additions and 1222 deletions

View File

@ -5,10 +5,10 @@
.ds-dropdown-menu {
width: 74vw;
max-width: 800px;
background: $article-bg;
background: $sidebar-search-bg;
[class^=ds-dataset-] {
background-color: $article-bg;
background-color: $sidebar-search-bg;
border: none;
box-shadow: 2px 2px 10px $sidebar-search-shadow;
transition: background-color .2s;
@ -24,7 +24,7 @@
/* Main category (eg. Getting Started) */
.algolia-docsearch-suggestion {
background: $article-bg;
background: $sidebar-search-bg;
&--category-header {
color: $article-heading;

View File

@ -0,0 +1,141 @@
.article {
background: $article-bg;
border-radius: $radius 0 0 $radius;
padding: 2rem 4rem 3rem;
}
.article--content{
max-width: 760px;
h1,h2,h3,h4,h5,h6 {
color: $article-heading;
a {
color: inherit !important;
font-weight: inherit !important;
text-decoration: none;
code:after {
border: none;
}
}
}
h2,h3,h4,h5,h6 {
& + .highlight pre { margin-top: .5rem; }
& + .code-tabs-wrapper { margin-top: 0; }
}
h1 {
font-weight: normal;
font-size: 2.65rem;
margin: .4em 0 1em;
}
h2 {
font-size: 2rem;
margin: -.25rem 0 .5rem;
padding-top: 1.75rem;
font-weight: $medium;
color: $article-heading-alt;
}
h3 {
font-size: 1.65rem;
font-weight: $medium;
margin: -1rem 0 .5rem;
padding-top: 1.75rem;
}
h4 {
font-size: 1.25rem;
font-style: italic;
font-weight: $medium;
margin: -1.25rem 0 .5rem;
padding-top: 1.75rem;
color: $article-heading-alt;
}
h5 {
font-size: 1rem;
margin: -1.25rem 0 .25rem;
padding-top: 1.75rem;
}
h6 {
font-size: 1rem;
font-style: italic;
margin: -1.25rem 0 .25rem;
padding-top: 1.75rem;
}
p,li {
color: $article-text;
line-height: 1.6rem;
}
p {
margin: 0 0 1.5em;
}
a {
color: $article-link;
font-weight: $medium;
text-decoration: none;
&:hover {
color: $article-link-hover;
}
}
strong {
color: $article-bold;
}
img {
max-width: 100%;
margin-bottom: 2rem;
border-radius: ($radius * 1.5);
box-shadow: 1px 3px 10px $article-shadow;
}
hr {
border-width: 1px 0 0;
border-color: $article-hr;
border-style: solid;
margin: 1.85rem 0 1.75rem;
}
@import "article/blocks",
"article/buttons",
"article/children",
"article/code",
"article/cloud",
"article/enterprise",
"article/feedback",
"article/lists",
"article/note",
"article/pagination-btns",
"article/scrollbars",
"article/tabbed-content",
"article/tables",
"article/tags",
"article/truncate",
"article/warn";
//////////////////////////////// Miscellaneous ///////////////////////////////
.required {
color:#FF8564;
font-weight:700;
font-style: italic;
}
}
////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
@include media(small) {
.article {
padding: 1.5rem 1.5rem 3rem;
h1 { margin: .35rem 0 2rem; font-size: 2.4rem; }
h2 { font-size: 1.9rem; }
h3 { font-size: 1.55rem; }
h4 { font-size: 1.3rem; }
}
}

View File

@ -2,7 +2,7 @@
flex-grow: 1;
width: 75%;
position: relative;
border-radius: $border-radius 0 0 $border-radius;
border-radius: $radius 0 0 $radius;
overflow: hidden;
.copyright {

View File

@ -33,7 +33,6 @@
}
h1 {
font-family: $klavika;
color: $article-link;
font-size: 5rem;
font-weight: 300;
@ -61,7 +60,7 @@
flex-grow: 1;
margin-right: 4px;
padding: .75rem 1rem;
border-radius: $border-radius;
border-radius: $radius;
background: $error-page-btn;
text-align: center;
color: $error-page-btn-text;

View File

@ -1,26 +1,23 @@
@font-face {
font-family: 'Klavika-Light';
src: url(../fonts/KlavikaLight-ItalicTF.otf);
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Klavika-Bold';
src: url(../fonts/KlavikaBoldBoldItalic.otf);
font-weight: 700;
font-style: italic;
}
$rubik: 'Rubik', sans-serif;
$roboto: 'Roboto', sans-serif;
$roboto-mono: 'Roboto Mono', monospace;
// Font weights
$medium: 500;
$bold: 700;
$klavika: 'Klavika-Light', 'Titillium Web', 'Roboto', sans-serif;
html {
height: 100%;
background: $body-bg;
}
body {
min-height: 100%;
font-family: Roboto, sans-serif;
background: $body-bg;
font-family: 'Rubik', sans-serif;
background: radial-gradient(circle at 100% 0%, $body-gradient-top 0%, $body-gradient-bottom) 30%;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

View File

@ -48,6 +48,7 @@
.nav-icon {
background: linear-gradient(to right, #50ABEF, #9195f7);
font-family: $roboto;
display: inline-block;
padding: .85rem 1rem;
border-radius: 0 5px 5px 0;

View File

@ -2,20 +2,34 @@
display: flex;
justify-content: space-between;
flex-direction: column;
position: relative;
overflow: hidden;
background: linear-gradient(55deg, $landing-lg-gradient-left, $landing-lg-gradient-right );
a {
text-decoration: none;
color: inherit;
}
#landing-hive {
position: absolute;
top: 0;
left: 0;
z-index: 0;
path, ellipse {
fill: $landing-artwork-color;
}
}
.group {
display: flex;
background: linear-gradient(127deg, $landing-sm-gradient-left, $landing-sm-gradient-right);
flex-wrap: wrap;
}
.card {
text-align: center;
z-index: 1;
&.full {
width: 100%;
@ -25,18 +39,16 @@
&.quarter {
flex-grow: 2;
margin: 1px;
padding: 2rem;
background: rgba($landing-sm-gradient-overlay, .5);
padding: 1.5rem;
background: rgba($landing-sm-gradient-overlay, .65);
transition: background-color .4s;
&:hover {
background: rgba($landing-sm-gradient-overlay, 0);
background: rgba($landing-sm-gradient-overlay, .9);
}
}
h1,h2,h3,h4 {
font-family: $klavika;
font-weight: 300;
font-style: italic;
text-align: center;
color: $g20-white;
}
@ -44,12 +56,12 @@
h1 {
margin: 0 0 1.25rem;
font-size: 2.25rem;
z-index: 1;
}
h3 { font-size: 1.35rem;}
h3 { font-size: 1.25rem;}
&#get-started {
background: linear-gradient(127deg, $landing-lg-gradient-left, $landing-lg-gradient-right );
text-align: center;
.btn {
@ -57,9 +69,9 @@
padding: .85rem 1.5rem;
color: $g20-white;
font-weight: bold;
background: rgba($g20-white, .1);
background: rgba($g20-white, .25);
border: 2px solid rgba($g20-white, .5);
border-radius: $border-radius;
border-radius: $radius;
transition: background-color .2s, color .2s;
&:hover {

View File

@ -1,755 +0,0 @@
.article {
background: $article-bg;
border-radius: $border-radius 0 0 $border-radius;
padding: 2rem 4rem 3rem;
}
.article--content{
max-width: 760px;
h1,h2,h3,h4,h5,h6 {
color: $article-heading;
a {
color: inherit !important;
text-decoration: none;
code:after {
border: none;
}
}
}
h2,h3,h4,h5,h6 {
& + .highlight pre { margin-top: .5rem; }
& + .code-tabs-wrapper { margin-top: 0; }
}
h1 {
font-family: $klavika;
font-weight: 300;
font-style: italic;
font-size: 2.65rem;
margin: .4em 0 1em;
}
h2 {
font-size: 2rem;
margin: -1rem 0 .5rem;
padding-top: 1.75rem;
}
h3 {
font-size: 1.65rem;
margin: -1rem 0 .5rem;
padding-top: 1.75rem;
color: $article-heading-alt;
}
h4 {
font-size: 1.25rem;
font-style: italic;
margin: -1.25rem 0 .5rem;
padding-top: 1.75rem;
}
h5 {
font-size: 1rem;
margin: -1.25rem 0 .25rem;
padding-top: 1.75rem;
}
h6 {
font-size: 1rem;
font-style: italic;
margin: -1.25rem 0 .25rem;
padding-top: 1.75rem;
}
p,li {
color: $article-text;
line-height: 1.6rem;
}
p {
margin: 0 0 1.5em;
}
a {
color: $article-link;
font-weight: bold;
text-decoration: none;
&:hover {
color: $article-link-hover;
}
}
strong {
color: $article-bold;
}
img {
max-width: 100%;
margin-bottom: 2rem;
border-radius: ($border-radius * 1.5);
box-shadow: 1px 3px 10px $article-shadow;
}
hr {
border-width: 1px 0 0;
border-color: $article-hr;
border-style: solid;
margin: 1.85rem 0 1.75rem;
}
//////////////////////////////////// Lists ////////////////////////////////////
ol, ul {
padding-left: 1.6rem;
}
ul {
list-style-type: disc;
li:before{
content: "" !important;
display: none;
}
}
ol {
list-style: none;
counter-reset: item;
li {
position: relative;
counter-increment: item;
&:before {
content: counter(item) ". ";
position: absolute;
left: -1.6em;
color: $article-bold;
font-weight: bold;
}
ul {
counter-reset: item;
}
}
}
& > ol,
& > ul {
margin: 1rem 0 1.5rem 0;
}
li {
margin: .25rem 0;
&:not(:last-child) {
> p:only-child{ margin-bottom: 0; }
}
ul,ol { margin: -.5rem 0 1rem;}
}
//////////////////////////////////// Code ////////////////////////////////////
code,pre {
background: $article-code-bg;
font-family: 'Inconsolata', monospace;
color: $article-code;
}
p,li,table,h2,h3,h4,h5,h6 {
code {
padding: .15rem .45rem .25rem;
border-radius: $border-radius;
color: $article-code;
white-space: nowrap;
font-style: normal;
}
}
a {
code {
font-weight: normal;
transition: color .2s;
position: relative;
color: $article-code-link;
&:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
border-style: solid;
border-width: 0 .4rem .4rem 0;
border-color: transparent rgba($article-code-link, .35) transparent transparent;
transition: border .2s;
}
}
&:hover {
code {
color: $article-code-link-hover;
&:after {
border-color: transparent $article-link-hover transparent transparent;
}
}
}
}
pre {
margin: 2rem 0 2.25rem;
padding: 1.75rem 1.75rem 1.25rem;
border-radius: $border-radius;
overflow-x: scroll;
overflow-y: hidden;
code {
padding: 0;
line-height: 1.4rem;
}
}
//////////////////////////////////// Tables ////////////////////////////////////
table {
display: inline-block;
margin: 1rem 0 3rem;
border-spacing: 0;
color: $article-text;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
box-shadow: 1px 3px 10px $article-shadow;
border-radius: ($border-radius * 1.5);
th, td {
padding: .85rem 1.25rem;
}
thead {
background: linear-gradient(to right, $article-table-header-left, $article-table-header-right);
background-attachment: fixed;
}
th {
color: $g20-white;
&:first-child {
border-radius: ($border-radius * 1.5) 0 0 0;
}
&:last-child {
border-radius: 0 ($border-radius * 1.5) 0 0;
}
}
td {
font-size: .95rem;
line-height: 1.5em;
}
tr{
&:nth-child(even) {
background: $article-table-row-alt;
}
&:last-child {
td {
&:first-child { border-radius: 0 0 0 ($border-radius * 1.5); }
&:last-child { border-radius: 0 0 ($border-radius * 1.5) 0; }
}
}
}
}
///////////////////////// Landing Page Article Links /////////////////////////
.children-links, .list-links {
h2,h3,h4 {
margin-top: -.5rem;
a a:after {
content: "\e919";
font-family: "icomoon";
color: rgba($article-heading, .35);
vertical-align: bottom;
transition: color .2s;
margin-left: .4rem;
}
a:hover {
&:after { color: $article-link; }
}
}
}
////////////////// Blockquotes, Notes, Warnings, & Messages //////////////////
blockquote,
.feedback,
.note,
.warn,
.enterprise-msg,
.cloud-msg {
padding: 1.65rem 2rem .1rem 2rem;
margin: 1rem 0 2rem;
border-width: 0 0 0 4px;
border-style: solid;
border-radius: 0 $border-radius $border-radius 0;
font-size: .95rem;
ul,ol {
&:last-child { margin-bottom: 1.85rem; }
}
}
blockquote {
border-color: rgba($article-text, .25);
p, li {
font-size: 1.15rem;
font-style: italic;
color: rgba($article-text, .5);
}
}
.note {
border-color: $article-note-base;
background: rgba($article-note-base, .08);
h1,h2,h3,h4,h5,h6 {
color: $article-note-heading;
}
p, li {
color: $article-note-text;
}
a {
color: $article-note-link;
code:after {
border-color: transparent rgba($article-note-code, .35) transparent transparent;
}
&:hover {
color: $article-note-link-hover;
code:after {
border-color: transparent $article-note-link-hover transparent transparent;
}
}
}
ol li:before {
color: $article-note-text;
}
code, pre{
color: $article-note-code;
background: $article-note-code-bg;
}
img {
box-shadow: 1px 3px 10px $article-note-shadow;
}
table{
color: $article-note-text;
box-shadow: 1px 3px 10px $article-note-shadow;
thead{
background: $article-note-table-header;
}
tr:nth-child(even) td {
background: $article-note-table-row-alt;
}
}
blockquote {
border-color: rgba($article-note-text, .25);
p { color: rgba($article-note-text, .6); }
}
}
.warn {
border-color: $article-warn-base;
background: rgba($article-warn-base, .08);
h1,h2,h3,h4,h5,h6 {
color: $article-warn-heading;
}
p, li {
color: $article-warn-text;
}
a {
color: $article-warn-link;
code:after {
border-color: transparent rgba($article-warn-code, .35) transparent transparent;
}
&:hover {
color: $article-warn-link-hover;
code:after {
border-color: transparent $article-warn-link-hover transparent transparent;
}
}
}
ol li:before {
color: $article-warn-text;
}
code, pre{
color: $article-warn-code;
background: $article-warn-code-bg;
}
img {
box-shadow: 1px 3px 10px $article-warn-shadow;
}
table{
color: $article-warn-text;
box-shadow: 1px 3px 10px $article-warn-shadow;
thead{
background: $article-warn-table-header;
}
tr:nth-child(even) td {
background: $article-warn-table-row-alt;
}
}
blockquote {
border-color: rgba($article-warn-text, .25);
p { color: rgba($article-warn-text, .6); }
}
}
.feedback {
border-color: rgba($article-note-base, .75);
background: rgba($article-text, .05);
}
///////////////////////////////// Enterprise /////////////////////////////////
.enterprise, .cloud {
position: relative;
padding: 0 0 .01rem 2rem;
margin-left: -2rem;
&-msg {
font-style: italic;
display: flex;
div:first-child { margin-right: 1.25rem; }
}
&-flag {
padding: .2rem .4rem;
font-size: .75rem;
font-style: normal;
font-weight: bold;
color: $g20-white;
border-radius: $border-radius;
vertical-align: text-bottom;
}
}
.enterprise {
border-left: 2px solid $article-enterprise-base;
&-msg {
border-color: $article-enterprise-base;
background: rgba($article-enterprise-base, .15);
p { color: $article-enterprise-text; }
a {
color: $article-enterprise-link;
&:hover { color: $article-enterprise-link-hover; }
}
}
&-flag {
background: $article-enterprise-base;
&:before {
content: "E";
}
}
}
.cloud {
border-left: 2px solid $article-cloud-base;
&-msg {
border-color: $article-cloud-base;
background: rgba($article-cloud-base, .15);
p { color: $article-cloud-text; }
a {
color: $article-cloud-link;
&:hover { color: $article-cloud-link-hover; }
}
code, pre {
color: $article-cloud-code;
background: $article-cloud-code-bg;
}
}
&-flag {
background: $article-cloud-base;
&:before {
content: "C";
}
}
}
.enterprise, .cloud {
.enterprise-flag, .cloud-flag {
position: absolute;
top: -.15rem;
left: -.68rem;
transform: scale(.8);
transition: all .2s;
&:hover {
transform: scale(1);
color: $g20-white;
}
}
}
/////////////////////////////// Tabbed Content ///////////////////////////////
.tabs-wrapper {
margin: 2.5rem 0 .5rem;
}
.code-tabs-wrapper {
margin: 1.5rem 0 .5rem;
}
.tabs, .code-tabs {
p {
display: flex;
flex-wrap: wrap;
}
a {
flex-grow: 1;
margin: 2px;
font-size: 0.875rem;
color: $article-tab-text;
padding: .35rem .75rem;
display: inline-block;
text-align: center;
border-radius: $border-radius;
background-color: $article-tab-bg;
transition: background-color .2s, color .2s;
&:hover {
color: $article-tab-active-text;
background: $article-tab-active-bg;
}
&.is-active {
color: $article-tab-active-text;
background: $article-tab-active-bg;
}
}
}
.tab-content, .code-tabs-content {
margin: .75rem 0 3rem;
width: 100%;
& > * {
width: 100% !important;
margin-left: 0 !important;
}
}
.tab-content:not(:first-of-type),
.code-tab-content:not(:first-of-type) {
display: none;
}
.code-tabs-wrapper {
.code-tabs {
p {
margin: 0;
text-align: right;
display: block;
}
a {
padding: .1rem .75rem;
margin: 0;
border-radius: $border-radius $border-radius 0 0;
display: inline-block;
background: $article-tab-code-bg;
color: $article-tab-code-text;
&:hover {
background: $article-tab-code-bg-hover;
color: $article-tab-code-text-hover;
}
&.is-active {
background-color: $article-code-bg;
color: $article-tab-code-active-text;
}
}
}
.code-tab-content {
padding: 0;
pre {
margin: 0 0 3rem;
border-radius: $border-radius 0 $border-radius $border-radius;
}
}
}
/////////////////////////// Truncated Content Blocks ///////////////////////////
.truncate {
position: relative;
margin-bottom: 3.5rem;
.truncate-bottom {
position: absolute;
bottom: -30px;
width: 100%;
z-index: 100%;
height: auto;
}
a.truncate-toggle {
display: block;
width: 100px;
margin: 0 auto;
color: $article-text;
background: $article-bg;
padding: .45rem;
text-align: center;
font-size: .75rem;
text-transform: uppercase;
border-radius: $border-radius;
transition: color .2s;
&:before{
content: "Show Less";
}
&:hover {
color: $article-link;
}
}
&.closed {
min-height: 200px;
max-height: 25vh;
overflow: hidden;
.truncate-bottom {
bottom: 0;
background-image: linear-gradient(to bottom, rgba($article-bg, 0), rgba($article-bg, 1));
height: 100px;
}
a.truncate-toggle {
margin-top: 75px;
&:before {
content: "Show More";
}
}
}
}
/////////////////////////////////// Buttons //////////////////////////////////
a.btn {
display: inline-block;
margin: .5rem 0 1rem;
padding: .5rem 1rem;
background: $article-btn;
color: $article-btn-text;
border-radius: $border-radius;
font-size: .95rem;
&:hover {
background: $article-btn-hover;
color: $article-btn-text-hover;
}
&.download:before {
content: "\e91c";
font-family: "icomoon";
margin-right: .5rem;
}
}
//////////////////////////////// Scroll Bars /////////////////////////////////
pre { @include scrollbar($article-code-bg, $article-code-scrollbar); }
table { @include scrollbar($article-table-row-alt, $article-code-scrollbar);}
.note {
pre { @include scrollbar($article-note-code-bg, $article-note-code-scrollbar); }
table { @include scrollbar($article-note-table-row-alt, $article-note-code-scrollbar); }
}
.warn {
pre { @include scrollbar($article-warn-code-bg, $article-warn-code-scrollbar); }
table { @include scrollbar($article-warn-table-row-alt, $article-warn-code-scrollbar); }
}
////////////////////////// Guides Pagination Buttons /////////////////////////
.page-nav-btns {
display: flex;
justify-content: space-between;
margin: 3rem 0 1rem;
.btn {
display: flex;
max-width: 49%;
text-align: center;
align-items: center;
&.prev{
margin: 0 auto 0 0;
padding: .75rem 1.25rem .75rem .75rem;
&:before {
content: "\e90a";
font-family: "icomoon";
margin-right: .5rem;
vertical-align: middle;
}
}
&.next {
margin: 0 0 0 auto;
padding: .75rem .75rem .75rem 1.25rem;
&:after {
content: "\e90c";
font-family: "icomoon";
margin-left: .5rem;
vertical-align: middle;
}
}
}
}
//////////////////////////////////// Tags ////////////////////////////////////
.tags {
border-top: 1px solid $article-hr;
padding-top: 1.5rem;
margin-top: 2rem;
.tag {
background: $body-bg;
margin: .12rem 0;
padding: .35rem .6rem;
font-style: italic;
font-weight: bold;
color: rgba($article-text, .65);
font-size: .8rem;
}
}
//////////////////////////////// Miscellaneous ///////////////////////////////
.required {
color:#FF8564;
font-weight:700;
font-style: italic;
}
}
////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
@include media(small) {
.article {
padding: 1.5rem 1.5rem 3rem;
h1 { margin: .35rem 0 2rem; font-size: 2.4rem; }
h2 { font-size: 1.9rem; }
h3 { font-size: 1.55rem; }
h4 { font-size: 1.3rem; }
pre {
padding: 1.2em 1.2em .75rem;
}
blockquote,
.note,
.warn,
.enterprise-msg,
.cloud-msg {
padding: 1.35rem 1.25rem .1rem 1.25rem;
margin: .5rem 0 1rem;
}
.enterprise, .cloud {
padding: 0 0 .01rem .85rem;
margin-left: -.85rem;
.enterprise-flag, .cloud-flag {
left: -.25rem;
}
}
}
}

View File

@ -41,7 +41,7 @@ $vertical-offset: -14px;
width: 35px;
left: 0;
background-color: $body-bg;
border-radius: 0 $border-radius $border-radius 0;
border-radius: 0 $radius $radius 0;
&:before, &:after {
content: url("data:image/svg+xml;charset=UTF-8,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' xml:space='preserve'>
@ -61,7 +61,7 @@ $vertical-offset: -14px;
width: 30px;
right: 0;
background-color: $article-bg;
border-radius: $border-radius 0 0 $border-radius;
border-radius: $radius 0 0 $radius;
&:before, &:after {
content: url("data:image/svg+xml;charset=UTF-8,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' xml:space='preserve'>

View File

@ -20,12 +20,14 @@
}
input {
font-family: $rubik;
font-weight: $medium;
background: $sidebar-search-bg;
border-radius: $border-radius;
border-radius: $radius;
border: 1px solid $sidebar-search-bg;
padding: .5em 2.15rem .5rem .5rem;
width: 100%;
color: $article-text;
color: $sidebar-search-text;
transition-property: border, box-shadow;
transition-duration: .2s;
box-shadow: 2px 2px 6px $sidebar-search-shadow;
@ -33,12 +35,12 @@
outline: none;
border-color: $sidebar-search-highlight;
box-shadow: 1px 1px 10px rgba($sidebar-search-highlight, .5);
border-radius: $border-radius;
border-radius: $radius;
}
&::placeholder {
font-family: 'Roboto';
font-weight: 500;
color: rgba($article-text, .45);
color: rgba($sidebar-search-text, .45);
font-weight: normal;
font-style: italic;
}
}
}
@ -133,7 +135,7 @@
background: $nav-border;
}
ul {
margin-left: -.95em;
margin-left: -.96em;
li:before {
top: .4em;
}
@ -163,7 +165,7 @@
a {
text-decoration: none;
font-weight: 600;
font-weight: $medium;
display: inline-block;
}
.nav-category > a {
@ -235,7 +237,7 @@
// Reference title styles
h4 {
margin: 2rem 0 0 -1rem;
color: rgba($article-heading, .8);
color: rgba($article-heading-alt, .6);
font-style: italic;
font-weight: 700;
text-transform: uppercase;

View File

@ -220,3 +220,28 @@ pre[class*="language-"] {
{ color: $article-warn-code-accent7 }
}
}
.cloud-msg {
.highlight {
color: $article-cloud-code;
.gh,.go,.na,.nt,.nv,.ow
{ color: $article-cloud-code }
.c,.ch,.cm,.cpf,.c1, .cs,.w
{ color: $article-cloud-code-accent1; }
.gi
{ background-color: $article-cloud-code-accent1; }
.k,.kc,.kd,.kn,.kp,.kr,.nn
{ color: $article-cloud-code-accent2; }
.bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2
{ color: $article-cloud-code-accent3 }
.err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si
{ color: $article-cloud-code-accent4 }
.m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il
{ color: $article-cloud-code-accent5 }
.gp,.o
{ color: $article-cloud-code-accent6 }
.ss
{ color: $article-cloud-code-accent7 }
}
}

View File

@ -19,16 +19,15 @@
.divider {
height: 100%; border-left: 1px solid rgba($topnav-link, .5);
margin: 0 1rem 0 .9rem;
margin: 0 1rem 0 .65rem;
}
.docs-home {
display: inline-block;
vertical-align: text-top;
font-family: $klavika;
font-style: italic;
font-weight: 300;
font-size: 1.2rem;
font-weight: $medium;
font-size: 1.1rem;
color: $topnav-link;
text-decoration: none;
&:hover {
@ -44,8 +43,8 @@
color: $g20-white;
height: 2rem;
background: $version-selector-top;
font-weight: 700;
border-radius: $border-radius;
font-weight: $medium;
border-radius: $radius;
overflow: hidden;
cursor: pointer;
transition: right .2s;
@ -87,7 +86,7 @@
background: rgba($g20-white, .2)
}
&:last-child {
border-radius: 0 0 $border-radius $border-radius;
border-radius: 0 0 $radius $radius;
position: relative;
}
&.legacy {
@ -107,11 +106,11 @@
display: inline-block;
padding: 0;
font-size: 1.8rem;
line-height: 0;
color: rgba($topnav-link, .5);
background: none;
height: 30px;
width: 30px;
margin-top: 2px;
border: none;
transition: color .2s, opacity .2s;
appearance: none;

View File

@ -5,6 +5,7 @@
width: 375px;
margin: 1rem 0 2rem;
padding: .85rem 0;
font-family: $roboto;
font-size: .9rem;
border-radius: 5px;
color: $g20-white;

View File

@ -0,0 +1,36 @@
////////////////// Blockquotes, Notes, Warnings, & Messages //////////////////
blockquote,
.block, {
padding: 1.65rem 2rem .1rem 2rem;
margin: 1rem 0 2rem;
border-width: 0 0 0 4px;
border-style: solid;
border-radius: 0 $radius $radius 0;
font-size: .95rem;
ul,ol {
&:last-child { margin-bottom: 1.85rem; }
}
}
blockquote {
border-color: rgba($article-text, .25);
p, li {
font-size: 1.15rem;
font-style: italic;
color: rgba($article-text, .5);
}
}
////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
@include media(small) {
blockquote,
.block {
padding: 1.35rem 1.25rem .1rem 1.25rem;
margin: .5rem 0 1rem;
}
}

View File

@ -0,0 +1,22 @@
/////////////////////////////////// Buttons //////////////////////////////////
a.btn {
display: inline-block;
margin: .5rem 0 1rem;
padding: .5rem 1rem;
background: $article-btn;
color: $article-btn-text;
border-radius: $radius;
font-size: .95rem;
&:hover {
background: $article-btn-hover;
color: $article-btn-text-hover;
}
&.download:before {
content: "\e91c";
font-family: "icomoon";
margin-right: .5rem;
}
}

View File

@ -0,0 +1,19 @@
/////////////////////////// Children Article Links ///////////////////////////
.children-links, .list-links {
h2,h3,h4 {
margin-top: -.5rem;
a a:after {
content: "\e919";
font-family: "icomoon";
color: rgba($article-heading, .35);
vertical-align: bottom;
transition: color .2s;
margin-left: .4rem;
}
a:hover {
&:after { color: $article-link; }
}
}
}

View File

@ -0,0 +1,107 @@
.cloud {
position: relative;
padding: 0 0 .01rem 2rem;
margin-left: -2rem;
border-left: 2px solid $article-cloud-base;
.cloud-flag {
&:hover {
transform: scale(1);
color: $g20-white;
}
}
}
.cloud-flag {
padding: .2rem .4rem;
font-size: .75rem;
font-style: normal;
font-weight: bold;
color: $g20-white;
border-radius: $radius;
vertical-align: text-bottom;
background: $article-cloud-base;
position: absolute;
top: -.15rem;
left: -.68rem;
transform: scale(.8);
transition: all .2s;
&:before {
content: "C";
}
}
.cloud-msg {
border-color: $article-cloud-base;
background: rgba($article-cloud-base, .12);
h1,h2,h3,h4,h5,h6 {
color: $article-cloud-heading;
}
p,li {
color: $article-cloud-text;
}
strong {
color: inherit;
}
a {
color: $article-cloud-link;
code:after {
border-color: transparent rgba($article-cloud-code, .35) transparent transparent;
}
&:hover {
color: $article-cloud-link-hover;
code:after {
border-color: transparent $article-cloud-link-hover transparent transparent;
}
}
}
ol li:before {
color: $article-cloud-text;
}
code, pre{
color: $article-cloud-code;
background: $article-cloud-code-bg;
}
img {
box-shadow: 1px 3px 10px $article-cloud-shadow;
}
table{
color: $article-cloud-text;
box-shadow: 1px 3px 10px $article-cloud-shadow;
thead{
background: $article-cloud-table-header;
}
tr:nth-child(even) td {
background: $article-cloud-table-row-alt;
}
}
blockquote {
border-color: rgba($article-cloud-text, .25);
p { color: rgba($article-cloud-text, .6); }
}
&.flex {
font-style: italic;
display: flex;
div:first-child {
position: relative;
margin: .25rem 2rem 0 0;
}
}
}
////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
@include media(small) {
.cloud-msg .cloud-flag { margin-left: .5rem }
.cloud {
padding: 0 0 .01rem .85rem;
margin-left: -.85rem;
.cloud-flag {
left: -.25rem;
}
}
}

View File

@ -0,0 +1,69 @@
//////////////////////////////////// Code ////////////////////////////////////
code,pre {
background: $article-code-bg;
font-family: $roboto-mono;
color: $article-code;
}
p,li,table,h2,h3,h4,h5,h6 {
code {
padding: .15rem .45rem .25rem;
border-radius: $radius;
color: $article-code;
white-space: nowrap;
font-size: .95rem;
font-style: normal;
}
}
a {
code {
font-weight: normal;
transition: color .2s;
position: relative;
color: $article-code-link;
&:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
border-style: solid;
border-width: 0 .4rem .4rem 0;
border-color: transparent rgba($article-code-link, .35) transparent transparent;
transition: border .2s;
}
}
&:hover {
code {
color: $article-code-link-hover;
&:after {
border-color: transparent $article-link-hover transparent transparent;
}
}
}
}
pre {
margin: 2rem 0 2.25rem;
padding: 1.75rem 1.75rem 1.25rem;
border-radius: $radius;
overflow-x: scroll;
overflow-y: hidden;
code {
padding: 0;
line-height: 1.4rem;
}
}
////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
@include media(small) {
pre {
padding: 1.2em 1.2em .75rem;
}
}

View File

@ -0,0 +1,70 @@
.enterprise {
position: relative;
padding: 0 0 .01rem 2rem;
margin-left: -2rem;
border-left: 2px solid $article-enterprise-base;
.enterprise-flag {
&:hover {
transform: scale(1);
color: $g20-white;
}
}
}
.enterprise-flag {
padding: .2rem .4rem;
font-size: .75rem;
font-style: normal;
font-weight: bold;
color: $g20-white;
border-radius: $radius;
vertical-align: text-bottom;
background: $article-enterprise-base;
position: absolute;
top: -.15rem;
left: -.68rem;
transform: scale(.8);
transition: all .2s;
&:before {
content: "E";
}
}
.enterprise-msg {
border-color: $article-enterprise-base;
background: rgba($article-enterprise-base, .15);
p,li {
color: $article-enterprise-text;
}
a {
color: $article-enterprise-link;
&:hover { color: $article-enterprise-link-hover; }
}
&.flex {
font-style: italic;
display: flex;
div:first-child {
position: relative;
margin: .25rem 2rem 0 0;
}
}
}
////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
@include media(small) {
.enterprise-msg .enterprise-flag {
margin-left: .5rem;
}
.enterprise {
padding: 0 0 .01rem .85rem;
margin-left: -.85rem;
.enterprise-flag {
left: -.25rem;
}
}
}

View File

@ -0,0 +1,4 @@
.feedback {
border-color: rgba($article-note-base, .75);
background: rgba($article-text, .05);
}

View File

@ -0,0 +1,48 @@
//////////////////////////////////// Lists ////////////////////////////////////
ol, ul {
padding-left: 1.6rem;
}
ul {
list-style-type: disc;
li:before{
content: "" !important;
display: none;
}
}
ol {
list-style: none;
counter-reset: item;
li {
position: relative;
counter-increment: item;
&:before {
content: counter(item) ". ";
position: absolute;
left: -1.6em;
color: $article-bold;
font-weight: bold;
}
ul {
counter-reset: item;
}
}
}
& > ol,
& > ul {
margin: 1rem 0 1.5rem 0;
}
li {
margin: .25rem 0;
&:not(:last-child) {
> p:only-child { margin-bottom: 0; }
}
p + ul,
p + ol {
margin: -.9rem 0 .5rem;
}
}

View File

@ -0,0 +1,49 @@
.note {
border-color: $article-note-base;
background: rgba($article-note-base, .12);
h1,h2,h3,h4,h5,h6 {
color: $article-note-heading;
}
p, li {
color: $article-note-text;
}
strong {
color: inherit;
}
a {
color: $article-note-link;
code:after {
border-color: transparent rgba($article-note-code, .35) transparent transparent;
}
&:hover {
color: $article-note-link-hover;
code:after {
border-color: transparent $article-note-link-hover transparent transparent;
}
}
}
ol li:before {
color: $article-note-text;
}
code, pre{
color: $article-note-code;
background: $article-note-code-bg;
}
img {
box-shadow: 1px 3px 10px $article-note-shadow;
}
table{
color: $article-note-text;
box-shadow: 1px 3px 10px $article-note-shadow;
thead{
background: $article-note-table-header;
}
tr:nth-child(even) td {
background: $article-note-table-row-alt;
}
}
blockquote {
border-color: rgba($article-note-text, .25);
p { color: rgba($article-note-text, .6); }
}
}

View File

@ -0,0 +1,35 @@
////////////////////////// Guides Pagination Buttons /////////////////////////
.page-nav-btns {
display: flex;
justify-content: space-between;
margin: 3rem 0 1rem;
.btn {
display: flex;
max-width: 49%;
text-align: center;
align-items: center;
&.prev{
margin: 0 auto 0 0;
padding: .75rem 1.25rem .75rem .75rem;
&:before {
content: "\e90a";
font-family: "icomoon";
margin-right: .5rem;
vertical-align: middle;
}
}
&.next {
margin: 0 0 0 auto;
padding: .75rem .75rem .75rem 1.25rem;
&:after {
content: "\e90c";
font-family: "icomoon";
margin-left: .5rem;
vertical-align: middle;
}
}
}
}

View File

@ -0,0 +1,17 @@
//////////////////////////////// Scroll Bars /////////////////////////////////
pre { @include scrollbar($article-code-bg, $article-code-scrollbar); }
table { @include scrollbar($article-table-row-alt, $article-table-scrollbar);}
.note {
pre { @include scrollbar($article-note-code-bg, $article-note-code-scrollbar); }
table { @include scrollbar($article-note-table-row-alt, $article-note-table-scrollbar); }
}
.warn {
pre { @include scrollbar($article-warn-code-bg, $article-warn-code-scrollbar); }
table { @include scrollbar($article-warn-table-row-alt, $article-warn-table-scrollbar); }
}
.cloud-msg {
pre { @include scrollbar($article-cloud-code-bg, $article-cloud-code-scrollbar); }
table { @include scrollbar($article-cloud-table-row-alt, $article-cloud-table-scrollbar); }
}

View File

@ -0,0 +1,86 @@
/////////////////////////////// Tabbed Content ///////////////////////////////
.tabs-wrapper {
margin: 2.5rem 0 .5rem;
}
.code-tabs-wrapper {
margin: 1.5rem 0 .5rem;
}
.tabs, .code-tabs {
p {
display: flex;
flex-wrap: wrap;
}
a {
flex-grow: 1;
margin: 2px;
font-size: 0.875rem;
font-weight: $medium;
color: $article-tab-text;
padding: .35rem .75rem;
display: inline-block;
text-align: center;
border-radius: $radius;
background-color: $article-tab-bg;
transition: background-color .2s, color .2s;
&:hover {
color: $article-tab-active-text;
background: $article-tab-active-bg;
}
&.is-active {
color: $article-tab-active-text;
background: $article-tab-active-bg;
}
}
}
.tab-content, .code-tabs-content {
margin: .75rem 0 3rem;
width: 100%;
& > * {
width: 100% !important;
margin-left: 0 !important;
}
}
.tab-content:not(:first-of-type),
.code-tab-content:not(:first-of-type) {
display: none;
}
.code-tabs-wrapper {
.code-tabs {
p {
margin: 0;
text-align: right;
display: block;
}
a {
padding: .1rem .75rem;
margin: 0;
border-radius: $radius $radius 0 0;
display: inline-block;
background: $article-tab-code-bg;
color: $article-tab-code-text;
&:hover {
background: $article-tab-code-bg-hover;
color: $article-tab-code-text-hover;
}
&.is-active {
background-color: $article-code-bg;
color: $article-tab-code-active-text;
}
}
}
.code-tab-content {
padding: 0;
pre {
margin: 0 0 3rem;
border-radius: $radius 0 $radius $radius;
}
}
}

View File

@ -0,0 +1,49 @@
//////////////////////////////////// Tables ////////////////////////////////////
table {
display: inline-block;
margin: 1rem 0 3rem;
border-spacing: 0;
color: $article-text;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
box-shadow: 1px 3px 10px $article-shadow;
border-radius: ($radius * 1.5);
th, td {
padding: .85rem 1.25rem;
}
thead {
background: linear-gradient(to right, $article-table-header-left, $article-table-header-right);
background-attachment: fixed;
}
th {
color: $g20-white;
&:first-child {
border-radius: ($radius * 1.5) 0 0 0;
}
&:last-child {
border-radius: 0 ($radius * 1.5) 0 0;
}
}
td {
font-size: .95rem;
line-height: 1.5em;
}
tr{
&:nth-child(even) {
background: $article-table-row-alt;
}
&:last-child {
td {
&:first-child { border-radius: 0 0 0 ($radius * 1.5); }
&:last-child { border-radius: 0 0 ($radius * 1.5) 0; }
}
}
}
}

View File

@ -0,0 +1,17 @@
//////////////////////////////////// Tags ////////////////////////////////////
.tags {
border-top: 1px solid $article-hr;
padding-top: 1.5rem;
margin-top: 2rem;
.tag {
background: $body-bg;
margin: .12rem 0;
padding: .35rem .6rem;
font-style: italic;
font-weight: $medium;
color: rgba($article-text, .75);
font-size: .8rem;
}
}

View File

@ -0,0 +1,52 @@
/////////////////////////// Truncated Content Blocks ///////////////////////////
.truncate {
position: relative;
margin-bottom: 3.5rem;
.truncate-bottom {
position: absolute;
bottom: -30px;
width: 100%;
z-index: 100%;
height: auto;
}
a.truncate-toggle {
display: block;
width: 100px;
margin: 0 auto;
color: $article-text;
background: $article-bg;
padding: .45rem;
text-align: center;
font-size: .75rem;
text-transform: uppercase;
border-radius: $radius;
transition: color .2s;
&:before{
content: "Show Less";
}
&:hover {
color: $article-link;
}
}
&.closed {
min-height: 200px;
max-height: 25vh;
overflow: hidden;
.truncate-bottom {
bottom: 0;
background-image: linear-gradient(to bottom, rgba($article-bg, 0), rgba($article-bg, 1));
height: 100px;
}
a.truncate-toggle {
margin-top: 75px;
&:before {
content: "Show More";
}
}
}
}

View File

@ -0,0 +1,49 @@
.warn {
border-color: $article-warn-base;
background: rgba($article-warn-base, .08);
h1,h2,h3,h4,h5,h6 {
color: $article-warn-heading;
}
p, li {
color: $article-warn-text;
}
strong {
color: inherit;
}
a {
color: $article-warn-link;
code:after {
border-color: transparent rgba($article-warn-code, .35) transparent transparent;
}
&:hover {
color: $article-warn-link-hover;
code:after {
border-color: transparent $article-warn-link-hover transparent transparent;
}
}
}
ol li:before {
color: $article-warn-text;
}
code, pre{
color: $article-warn-code;
background: $article-warn-code-bg;
}
img {
box-shadow: 1px 3px 10px $article-warn-shadow;
}
table{
color: $article-warn-text;
box-shadow: 1px 3px 10px $article-warn-shadow;
thead{
background: $article-warn-table-header;
}
tr:nth-child(even) td {
background: $article-warn-table-row-alt;
}
}
blockquote {
border-color: rgba($article-warn-text, .25);
p { color: rgba($article-warn-text, .6); }
}
}

View File

@ -1,8 +1,8 @@
// InfluxData Docs Theme File
// Light Theme
// Dark Theme
// Provide light them overrides
@import "themes/theme-light";
// Provide dark them overrides
@import "themes/theme-dark";
// Import default theme
@import "styles-default";

View File

@ -1,24 +1,24 @@
// InfluxData Docs Default Theme (Dark)
// InfluxData Docs Default Theme (Light)
// Import Tools
@import "tools/icomoon";
@import "tools/media-queries.scss";
@import "tools/mixins.scss";
// Import default dark theme
@import "themes/theme-dark.scss";
// Import default light theme
@import "themes/theme-light.scss";
// Import Layout Styles
@import "normalize/import-now",
"layouts/layout-global",
"layouts/layout-topnav",
"layouts/layout-sidebar",
"layouts/layout-sidebar-toggle",
"layouts/layout-content-wrapper",
"layouts/layout-article",
"layouts/global",
"layouts/top-nav",
"layouts/sidebar",
"layouts/sidebar-toggle",
"layouts/content-wrapper",
"layouts/article",
"layouts/inline-icons",
"layouts/ui-messages",
"layouts/syntax-highlighting",
"layouts/algolia-search-overrides",
"layouts/layout-landing",
"layouts/layout-error-page";
"layouts/landing",
"layouts/error-page";

View File

@ -14,142 +14,159 @@
@import "tools/color-palette";
$body-bg: $g1-raven !default;
$border-radius: 3px !default;
$body-bg: $np-deepnight;
$body-gradient-top: rgba($m-magenta, .2);
$body-gradient-bottom: $np-deepnight;
// TopNav Colors
$topnav-link: $g20-white !default;
$topnav-link-hover: $b-pool !default;
$version-selector-top: $b-ocean !default;
$version-selector-bottom: $p-star !default;
$theme-switch-light: inline-block !default;
$theme-switch-dark: none !default;
$topnav-link: $g20-white;
$topnav-link-hover: $b-pool;
$version-selector-top: $b-pool;
$version-selector-bottom: $cp-comet;
$theme-switch-light: inline-block;
$theme-switch-dark: none;
// Sidebar
$sidebar-search-bg: $g3-castle !default;
$sidebar-search-shadow: #0F0F10 !default;
$sidebar-search-highlight: $b-pool !default;
// Article Content
$article-bg: $g3-castle !default;
$article-heading: $g19-ghost !default;
$article-heading-alt: $g19-ghost !default;
$article-text: $g14-chromium !default;
$article-bold: $g18-cloud !default;
$article-link: #2aa3ff !default;
$article-link-hover: $g20-white !default;
$article-hr: $g6-smoke !default;
$article-shadow: #191a1b !default;
$article-note-shadow: #191a1b !default;
$article-warn-shadow: #191a1b !default;
// Article Code
$article-code: $p-potassium !default;
$article-code-bg: $g1-raven !default;
$article-code-accent1: $g9-mountain !default;
$article-code-accent2: $b-pool !default;
$article-code-accent3: $gr-viridian !default;
$article-code-accent4: $o-ruby !default;
$article-code-accent5: #ff6db0 !default;
$article-code-accent6: $b-pool !default;
$article-code-accent7: #e90 !default;
$article-code-select: $b-pool !default;
$article-code-link: #2aa3ff !default;
$article-code-link-hover: $g20-white !default;
$article-code-scrollbar: $g7-graphite !default;
// Article Tables
$article-table-header-left: $p-planet !default;
$article-table-header-right: $b-sapphire !default;
$article-table-row-alt: $g2-kevlar !default;
// Article Notes, Warnings, & Messages
$article-note-base: $gr-viridian !default;
$article-note-heading: $g20-white !default;
$article-note-text: $gr-viridian !default;
$article-note-link: $gr-rainforest !default;
$article-note-link-hover: $g20-white !default;
$article-note-table-header: $gr-viridian !default;
$article-note-table-row-alt: #21272d !default;
$article-note-code: #75d2f1 !default;
$article-note-code-bg: #20272b !default;
$article-note-code-accent1: #567375 !default;
$article-note-code-accent2: $b-pool !default;
$article-note-code-accent3: $gr-viridian !default;
$article-note-code-accent4: $o-ruby !default;
$article-note-code-accent5: #ff6db0 !default;
$article-note-code-accent6: $b-pool !default;
$article-note-code-accent7: #e90 !default;
$article-note-code-scrollbar: $gr-grass !default;
$article-warn-base: $o-dreamsicle !default;
$article-warn-heading: $g20-white !default;
$article-warn-text: $o-dreamsicle !default;
$article-warn-link: $o-tungsten !default;
$article-warn-link-hover: $g20-white !default;
$article-warn-table-header: $o-dreamsicle !default;
$article-warn-table-row-alt: #2b252b !default;
$article-warn-code: #ec6e6e !default;
$article-warn-code-bg: #292024 !default;
$article-warn-code-accent1: #844c4c !default;
$article-warn-code-accent2: $b-pool !default;
$article-warn-code-accent3: $gr-viridian !default;
$article-warn-code-accent4: $o-ruby !default;
$article-warn-code-accent5: #ffb4fb !default;
$article-warn-code-accent6: $b-pool !default;
$article-warn-code-accent7: #e90 !default;
$article-warn-code-scrollbar: #5f3535 !default;
$article-enterprise-base: $p-star !default;
$article-enterprise-text: $p-potassium !default;
$article-enterprise-link: $p-moonstone !default;
$article-enterprise-link-hover: $g20-white !default;
$article-cloud-base: $b-pool !default;
$article-cloud-text: $b-neutrino !default;
$article-cloud-link: $b-snow !default;
$article-cloud-link-hover: $g20-white !default;
$article-cloud-code: $b-laser !default;
$article-cloud-code-bg: $b-abyss !default;
// Article Tabs for tabbed content
$article-tab-text: $g12-forge !default;
$article-tab-bg: $g4-onyx !default;
$article-tab-active-text: $g20-white !default;
$article-tab-active-bg: $b-ocean !default;
$article-tab-code-text: $g9-mountain !default;
$article-tab-code-bg: $g5-pepper !default;
$article-tab-code-text-hover: $g20-white !default;
$article-tab-code-bg-hover: $b-ocean !default;
$article-tab-code-active-text: $g20-white !default;
// Article page buttons
$article-btn: $b-ocean !default;
$article-btn-text: $g20-white !default;
$article-btn-hover: $b-pool !default;
$article-btn-text-hover: $g20-white !default;
// Search
$sidebar-search-bg: $np-deepnight;
$sidebar-search-shadow: rgba($m-magenta, .05);
$sidebar-search-highlight: $b-pool;
$sidebar-search-text: $g20-white;
// Left Navigation
$nav-category: $b-ocean !default;
$nav-category-hover: $g20-white !default;
$nav-item: $g16-pearl !default;
$nav-item-hover: $b-ocean !default;
$nav-border: $g5-pepper !default;
$nav-toggle: $g16-pearl !default;
$nav-toggle-hover: $g16-pearl !default;
$nav-toggle-bg-hover: $b-ocean !default;
$nav-active: $gr-rainforest !default;
$nav-category: $b-pool;
$nav-category-hover: $g20-white;
$nav-item: $g16-pearl;
$nav-item-hover: $b-pool;
$nav-border: $wp-jango;
$nav-toggle: $g16-pearl;
$nav-toggle-hover: $g16-pearl;
$nav-toggle-bg-hover: $b-pool;
$nav-active: $ch-chartreuse;
// Article Content
$article-bg: $wp-violentdark;
$article-heading: $g20-white;
$article-heading-alt: $g19-ghost;
$article-text: $np-mischka;
$article-bold: $g18-cloud;
$article-link: $b-dodger;
$article-link-hover: $g20-white;
$article-hr: $wp-seance;
$article-shadow: $np-deepnight;
// Article Code
$article-code: $cp-munchkin;
$article-code-bg: $np-deepnight;
$article-code-accent1: $np-smokey;
$article-code-accent2: $b-pool;
$article-code-accent3: $gr-viridian;
$article-code-accent4: $o-ruby;
$article-code-accent5: #ff6db0;
$article-code-accent6: $b-pool;
$article-code-accent7: #e90;
$article-code-select: $b-pool;
$article-code-link: $b-dodger;
$article-code-link-hover: $g20-white;
$article-code-scrollbar: $np-martinique;
// Article Tables
$article-table-header-left: $wp-violet;
$article-table-header-right: $b-curious;
$article-table-row-alt: #3C0C59;
$article-table-scrollbar: $np-deepnight;
// Article Notes, Warnings, & Messages
$article-note-base: $gr-viridian;
$article-note-heading: $g20-white;
$article-note-text: $gr-viridian;
$article-note-link: $gr-rainforest;
$article-note-link-hover: $g20-white;
$article-note-table-header: $gr-viridian;
$article-note-table-row-alt: #3B2862;
$article-note-table-scrollbar: $np-deepnight;
$article-note-shadow: $np-deepnight;
$article-note-code: $cp-comet;
$article-note-code-bg: $wp-telopea;
$article-note-code-accent1: #567375;
$article-note-code-accent2: $b-pool;
$article-note-code-accent3: $gr-viridian;
$article-note-code-accent4: $o-ruby;
$article-note-code-accent5: #ff6db0;
$article-note-code-accent6: $b-pool;
$article-note-code-accent7: #e90;
$article-note-code-scrollbar: $cp-jakarta;
$article-warn-base: $o-dreamsicle;
$article-warn-heading: $g20-white;
$article-warn-text: $o-dreamsicle;
$article-warn-link: $o-tungsten;
$article-warn-link-hover: $g20-white;
$article-warn-table-header: rgba($o-dreamsicle, .9);
$article-warn-table-row-alt: #531B5B;
$article-warn-table-scrollbar: $wp-telopea;
$article-warn-shadow: $np-deepnight;
$article-warn-code: #ec6e6e;
$article-warn-code-bg: $wp-telopea;
$article-warn-code-accent1: #844c4c;
$article-warn-code-accent2: $b-pool;
$article-warn-code-accent3: $gr-viridian;
$article-warn-code-accent4: $o-ruby;
$article-warn-code-accent5: #ffb4fb;
$article-warn-code-accent6: $b-pool;
$article-warn-code-accent7: #e90;
$article-warn-code-scrollbar: #561e4d;
$article-cloud-base: $b-pool;
$article-cloud-heading: $g20-white;
$article-cloud-text: $b-fleur;
$article-cloud-link: $b-hawkeye;
$article-cloud-link-hover: $g20-white;
$article-cloud-table-header: $b-pool;
$article-cloud-table-row-alt: #382876;
$article-cloud-table-scrollbar: $np-deepnight;
$article-cloud-shadow: $np-deepnight;
$article-cloud-code: $b-laser;
$article-cloud-code-bg: $wp-telopea;
$article-cloud-code-accent1: #567375;
$article-cloud-code-accent2: $b-pool;
$article-cloud-code-accent3: $gr-viridian;
$article-cloud-code-accent4: $o-ruby;
$article-cloud-code-accent5: #ff6db0;
$article-cloud-code-accent6: $b-pool;
$article-cloud-code-accent7: #e90;
$article-cloud-code-scrollbar: $cp-jakarta;
$article-enterprise-base: $cp-purple;
$article-enterprise-text: $cp-periwinkle;
$article-enterprise-link: $cp-coolfog;
$article-enterprise-link-hover: $g20-white;
// Article Tabs for tabbed content
$article-tab-text: $g12-forge;
$article-tab-bg: rgba($np-deepnight, .6);
$article-tab-active-text: $g20-white;
$article-tab-active-bg: $b-pool;
$article-tab-code-text: $g9-mountain;
$article-tab-code-bg: rgba($np-deepnight, .45);
$article-tab-code-text-hover: $g20-white;
$article-tab-code-bg-hover: $b-pool;
$article-tab-code-active-text: $g20-white;
// Article page buttons
$article-btn: $b-pool;
$article-btn-text: $g20-white;
$article-btn-hover: $b-pool;
$article-btn-text-hover: $g20-white;
// Error Page Colors
$error-page-btn: $b-ocean !default;
$error-page-btn-text: $g20-white !default;
$error-page-btn-hover: $g20-white !default;
$error-page-btn-hover-text: $b-ocean !default;
$error-page-btn: $b-dodger;
$error-page-btn-text: $g20-white;
$error-page-btn-hover: $g20-white;
$error-page-btn-hover-text: $b-dodger;
// Landing Page colors
$landing-lg-gradient-left: $b-ocean !default;
$landing-lg-gradient-right: $b-pool !default;
$landing-sm-gradient-left: $p-planet !default;
$landing-sm-gradient-right: $p-star !default;
$landing-sm-gradient-overlay: $p-shadow !default;
$landing-lg-gradient-left: $wp-violentdark;
$landing-lg-gradient-right: $cp-minsk;
$landing-sm-gradient-overlay: $b-dodger;
$landing-artwork-color: $cp-minsk;

View File

@ -14,141 +14,160 @@
// General Styles
// --------------------------------------------------
$body-bg: $g18-cloud;
$body-bg: $g18-cloud !default;
$body-gradient-top: $g19-ghost !default;
$body-gradient-bottom: $g17-whisper !default;
$radius: 3px !default;
// TopNav Colors
$topnav-link: $g5-pepper;
$topnav-link-hover: $b-ocean;
$version-selector-top: $b-pool;
$version-selector-bottom: $gr-viridian;
$theme-switch-light: none;
$theme-switch-dark: inline-block;
$topnav-link: $g8-storm !default;
$topnav-link-hover: $b-dodger !default;
$version-selector-top: $b-pool !default;
$version-selector-bottom: $cp-comet !default;
$theme-switch-light: none !default;
$theme-switch-dark: inline-block !default;
// Sidebar
$sidebar-search-bg: $g20-white;
$sidebar-search-shadow: $g14-chromium;
$sidebar-search-highlight: $b-ocean;
// Article Content
$article-bg: $g20-white;
$article-heading: $g7-graphite;
$article-heading-alt: $g7-graphite;
$article-text: $g8-storm;
$article-bold: $g8-storm;
$article-link: $b-ocean;
$article-link-hover: $gr-viridian;
$article-shadow: #c8cdd0;
$article-hr: $g15-platinum;
$article-note-shadow: #8cb7ab;
$article-warn-shadow: #b98a7d;
// Article Code
$article-code: $p-star;
$article-code-bg: $p-violettecreme;
$article-code-accent1: $p-potassium;
$article-code-accent2: $b-ocean;
$article-code-accent3: #008e7c;
$article-code-accent4: $o-ruby;
$article-code-accent5: #e24bbb;
$article-code-accent6: $b-ocean;
$article-code-accent7: #e90;
$article-code-select: $b-pool;
$article-code-link: $b-sapphire;
$article-code-link-hover: $gr-emerald;
$article-code-scrollbar: $p-potassium;
// Article Tables
$article-table-header-left: $b-pool;
$article-table-header-right: $gr-honeydew;
$article-table-row-alt: $g18-cloud;
// Article Notes & Warnings
$article-note-base: $gr-rainforest;
$article-note-heading: $gr-emerald;
$article-note-text: $gr-emerald;
$article-note-link: rgba($gr-emerald, .75);
$article-note-link-hover: $b-pool;
$article-note-table-header: $gr-viridian;
$article-note-table-row-alt: #d6f5e9;
$article-note-code: #0A6f75;
$article-note-code-bg: #d6f7ec;
$article-note-code-accent1: #6abba0;
$article-note-code-accent2: #0084d6;
$article-note-code-accent3: #5d52d6;
$article-note-code-accent4: $o-ruby;
$article-note-code-accent5: #e24bbb;
$article-note-code-accent6: #0084d6;
$article-note-code-accent7: #e90;
$article-note-code-scrollbar: #87DABE;
$article-warn-base: $o-dreamsicle;
$article-warn-heading: $o-fire;
$article-warn-text: $o-curacao;
$article-warn-link: rgba($o-curacao, .75);
$article-warn-link-hover: $b-sapphire;
$article-warn-table-header: $o-dreamsicle;
$article-warn-table-row-alt: #ffe6df;
$article-warn-code: #d0154e;
$article-warn-code-bg: #ffebeb;
$article-warn-code-accent1: #fd99b8;
$article-warn-code-accent2: #357ae8;
$article-warn-code-accent3: #6c59cc;
$article-warn-code-accent4: $o-ruby;
$article-warn-code-accent5: #6a0a6f;
$article-warn-code-accent6: #357ae8;
$article-warn-code-accent7: #e90;
$article-warn-code-scrollbar: #FFB1B1;
$article-enterprise-base: $p-comet;
$article-enterprise-text: $p-star;
$article-enterprise-link: $p-star;
$article-enterprise-link-hover: $b-ocean;
$article-cloud-base: $b-laser;
$article-cloud-text: $b-ocean;
$article-cloud-link: $b-ocean;
$article-cloud-link-hover: $gr-canopy;
$article-cloud-code: $b-sapphire;
$article-cloud-code-bg: rgba($b-pool, .25);
// Article Tabs for tabbed content
$article-tab-text: $g8-storm;
$article-tab-bg: $g18-cloud;
$article-tab-active-text: $g20-white;
$article-tab-active-bg: $b-pool;
$article-tab-code-text: $p-potassium;
$article-tab-code-bg: $g20-white;
$article-tab-code-text-hover: $g20-white;
$article-tab-code-bg-hover: $p-comet;
$article-tab-code-active-text: $p-star;
// Article page buttons
$article-btn: $b-pool;
$article-btn-text: $g20-white;
$article-btn-hover: $b-ocean;
$article-btn-text-hover: $g20-white;
// Search
$sidebar-search-bg: $g20-white !default;
$sidebar-search-shadow: $g14-chromium !default;
$sidebar-search-highlight: $b-dodger !default;
$sidebar-search-text: $g8-storm !default;
// Left Navigation
$nav-category: $b-ocean;
$nav-category-hover: $gr-viridian;
$nav-item: $g10-wolf;
$nav-item-hover: $b-ocean;
$nav-border: $g14-chromium;
$nav-toggle: $g20-white;
$nav-toggle-hover: $g20-white;
$nav-toggle-bg-hover: $b-ocean;
$nav-active: $gr-canopy;
$nav-category: $b-dodger !default;
$nav-category-hover: $cp-purple !default;
$nav-item: $np-rum !default;
$nav-item-hover: $cp-purple !default;
$nav-border: $g14-chromium !default;
$nav-toggle: $g20-white !default;
$nav-toggle-hover: $g20-white !default;
$nav-toggle-bg-hover: $cp-comet !default;
$nav-active: $m-magenta !default;
// Article Content
$article-bg: $g20-white !default;
$article-heading: $cp-purple !default;
$article-heading-alt: $g7-graphite !default;
$article-text: $g8-storm !default;
$article-bold: $g8-storm !default;
$article-link: $b-dodger !default;
$article-link-hover: $cp-purple !default;
$article-shadow: #c8cdd0 !default;
$article-hr: $g15-platinum !default;
// Article Code
$article-code: $cp-marguerite !default;
$article-code-bg: $cp-titan !default;
$article-code-accent1: $cp-melrose !default;
$article-code-accent2: $b-dodger !default;
$article-code-accent3: #12A290 !default;
$article-code-accent4: $o-ruby !default;
$article-code-accent5: #e24bbb !default;
$article-code-accent6: $b-dodger !default;
$article-code-accent7: #e90 !default;
$article-code-select: $b-pool !default;
$article-code-link: $cp-marguerite !default;
$article-code-link-hover: $cp-marguerite !default;
$article-code-scrollbar: $cp-periwinkle !default;
// Article Tables
$article-table-header-left: $cp-marguerite !default;
$article-table-header-right: $b-laser !default;
$article-table-row-alt: #F6F7F8 !default;
$article-table-scrollbar: $g14-chromium !default;
// Article Notes & Warnings
$article-note-base: $gr-rainforest !default;
$article-note-heading: $gr-emerald !default;
$article-note-text: $gr-emerald !default;
$article-note-link: $gr-emerald !default;
$article-note-link-hover: $cp-purple !default;
$article-note-table-header: $gr-viridian !default;
$article-note-table-row-alt: #d6f5e9 !default;
$article-note-table-scrollbar: #87DABE !default;
$article-note-shadow: #8CB7AB !default;
$article-note-code: #0A6F75 !default;
$article-note-code-bg: #BDF3DA !default;
$article-note-code-accent1: #6abba0 !default;
$article-note-code-accent2: #0084d6 !default;
$article-note-code-accent3: #5d52d6 !default;
$article-note-code-accent4: $o-ruby !default;
$article-note-code-accent5: #e24bbb !default;
$article-note-code-accent6: #0084d6 !default;
$article-note-code-accent7: #e90 !default;
$article-note-code-scrollbar: #87DABE !default;
$article-warn-base: $o-dreamsicle !default;
$article-warn-heading: $o-fire !default;
$article-warn-text: $o-curacao !default;
$article-warn-link: $o-curacao !default;
$article-warn-link-hover: $cp-purple !default;
$article-warn-table-header: $o-dreamsicle !default;
$article-warn-table-row-alt: #ffe6df !default;
$article-warn-table-scrollbar: #FFB1B1 !default;
$article-warn-shadow: #b98a7d !default;
$article-warn-code: #d0154e !default;
$article-warn-code-bg: #FFDDDC !default;
$article-warn-code-accent1: #fd99b8 !default;
$article-warn-code-accent2: #357ae8 !default;
$article-warn-code-accent3: #6c59cc !default;
$article-warn-code-accent4: $o-ruby !default;
$article-warn-code-accent5: #6a0a6f !default;
$article-warn-code-accent6: #357ae8 !default;
$article-warn-code-accent7: #e90 !default;
$article-warn-code-scrollbar: #FFB1B1 !default;
$article-cloud-base: $b-laser !default;
$article-cloud-heading: $b-eastern !default;
$article-cloud-text: $b-curious !default;
$article-cloud-link: $b-curious !default;
$article-cloud-link-hover: $cp-purple !default;
$article-cloud-table-header: $b-curious !default;
$article-cloud-table-row-alt: $b-hawkeye !default;
$article-cloud-table-scrollbar: $b-malibu !default;
$article-cloud-shadow: #6EB8E4 !default;
$article-cloud-code: $b-matisse !default;
$article-cloud-code-bg: $b-fleur !default;
$article-cloud-code-accent1: #3CAAE2 !default;
$article-cloud-code-accent2: $cp-blueviolet !default;
$article-cloud-code-accent3: #048E66 !default;
$article-cloud-code-accent4: $o-ruby !default;
$article-cloud-code-accent5: #e24bbb !default;
$article-cloud-code-accent6: #0084d6 !default;
$article-cloud-code-accent7: #e90 !default;
$article-cloud-code-scrollbar: $b-malibu !default;
$article-enterprise-base: $cp-comet !default;
$article-enterprise-text: $cp-purple !default;
$article-enterprise-link: $cp-purple !default;
$article-enterprise-link-hover: $b-dodger !default;
// Article Tabs for tabbed content
$article-tab-text: $g8-storm !default;
$article-tab-bg: $g18-cloud !default;
$article-tab-active-text: $g20-white !default;
$article-tab-active-bg: $b-pool !default;
$article-tab-code-text: $cp-munchkin !default;
$article-tab-code-bg: $g20-white !default;
$article-tab-code-text-hover: $g20-white !default;
$article-tab-code-bg-hover: $cp-comet !default;
$article-tab-code-active-text: $cp-marguerite !default;
// Article page buttons
$article-btn: $b-pool !default;
$article-btn-text: $g20-white !default;
$article-btn-hover: $b-dodger !default;
$article-btn-text-hover: $g20-white !default;
// Error Page Colors
$error-page-btn: $b-ocean;
$error-page-btn-text: $g20-white;
$error-page-btn-hover: $b-pool;
$error-page-btn-hover-text: $g20-white;
$error-page-btn: $b-dodger !default;
$error-page-btn-text: $g20-white !default;
$error-page-btn-hover: $b-pool !default;
$error-page-btn-hover-text: $g20-white !default;
// Landing Page colors
$landing-lg-gradient-left: $b-ocean;
$landing-lg-gradient-right: $b-pool;
$landing-sm-gradient-left: $p-star;
$landing-sm-gradient-right: $p-comet;
$landing-sm-gradient-overlay: $p-planet;
$landing-lg-gradient-left: $cp-marguerite !default;
$landing-lg-gradient-right: $b-pool !default;
$landing-sm-gradient-overlay: $cp-blueviolet !default;
$landing-artwork-color: rgba($g20-white, .15) !default;

View File

@ -21,45 +21,79 @@ $g16-pearl: #E7E8EB;
$g17-whisper: #EEEFF2;
$g18-cloud: #F2F2F5;
$g19-ghost: #FAFAFC;
$g20-white: #ffffff;
$g20-white: #FFFFFF; // Brand color
// Oranges (Dark to Light)
$o-basalt: #2F1F29;
$o-ember: #6F3943;
$o-ruby: #BF3D5E;
$o-fire: #DC4E58;
$o-curacao: #F95F53;
$o-dreamsicle: #FF8564;
$o-tungsten: #FFB6A0;
$o-marmelade: #FFDCCF;
$o-orangecream: #EADAD8;
$o-flan: #FFF7F4;
// Warm Purples - Magentas
$wp-telopea: #23043E;
$wp-violentdark: #2d0749;
$wp-violet: #32094E;
$wp-jagger: #420D5F;
$wp-jango: #521170;
$wp-seance: #611581;
$wp-trance: #801EA2;
$wp-heart: #A026C4;
$m-magenta: #BF2FE5; // Brand color
$m-lavander: #CA52E9;
$m-heliotrope: #D474EE;
$m-perfume: #DF97F2;
$m-pinkmist: #EABAF6;
$m-selago: #F4DCFB;
// Blues (Dark to Light)
$b-abyss: #182838;
$b-deepsea: #32547F;
$b-sapphire: #326BBA;
$b-ocean: #4591ED;
$b-pool: #22ADF6;
$b-laser: #00C9FF;
$b-hydrogen: #6BDFFF;
$b-neutrino: #BEF0FF;
$b-snow: #C9E0ED;
$b-yeti: #F0FCFF;
// Cool Purples
$cp-jakarta: #322368;
$cp-minsk: #423681;
$cp-victoria: #52499A;
$cp-blueviolet: #625CB3;
$cp-marguerite: #736ECD;
$cp-purple: #8381E6;
$cp-comet: #9394ff; // Brand color
$cp-melrose: #A5A6FF;
$cp-munchkin: #B7B8FF;
$cp-periwinkle: #C9CAFF;
$cp-coolfog: #DBDBFF;
$cp-titan: #EDEDFF;
// Purples (Dark to Light)
$p-shadow: #1F2039;
$p-void: #311F94;
$p-purplerain: #484281;
$p-planet: #513CC6;
$p-star: #7A65F2;
$p-comet: #9394FF;
$p-potassium: #B1B6FF;
$p-moonstone: #C9D0FF;
$p-quartz: #D6D5ED;
$p-violettecreme: #EDF0FF;
// Neutral Purples
$np-deepnight: #13002d; // Brand color
$np-valhalla: #27153F;
$np-martinique: #3A2B50;
$np-wine: #4E4062;
$np-smokey: #625573;
$np-rum: #756A85;
$np-mobster: #898096;
$np-amethyst: #9D95A7;
$np-pearl: #B0AAB9;
$np-greysuit: #C4BFCA;
$np-mischka: #D8D4DC;
$np-athens: #EBEAED;
// Greens (Dark to Light)
// Blues
$b-tiber: #0A3044;
$b-deepsea: #0E4562;
$b-chathams: #125A7F;
$b-matisse: #166F9D;
$b-eastern: #1A83BB;
$b-curious: #1E98D8;
$b-dodger: #2AA3FF;
$b-pool: #22ADF6; // Brand color
$b-laser: #47BBF8;
$b-malibu: #6CC8F9;
$b-horizon: #91D6FB;
$b-fleur: #B5E4FC;
$b-hawkeye: #DAF1FD;
// Chartreuses
$ch-olive: #3B440A;
$ch-saratoga: #55620E;
$ch-olivetone: #6F7F12;
$ch-trendy: #899D16;
$ch-citron: #A2BB1A;
$ch-keylime: #BCD81E;
$ch-chartreuse: #D6F622; // Brand color
$ch-canary: #E4F96C;
$ch-primrose: #F1FCB5;
// Greens
$gr-gypsy: #152B2D;
$gr-grass: #2B6058;
$gr-emerald: #108174;
@ -71,3 +105,15 @@ $gr-krypton: #A5F3B4;
$gr-wasabi: #C6FFD0;
$gr-forestfog: #CFE6E1;
$gr-mint: #F2FFF4;
// Oranges
$o-basalt: #2F1F29;
$o-ember: #6F3943;
$o-ruby: #BF3D5E;
$o-fire: #DC4E58;
$o-curacao: #F95F53;
$o-dreamsicle: #FF8564;
$o-tungsten: #FFB6A0;
$o-marmelade: #FFDCCF;
$o-orangecream: #EADAD8;
$o-flan: #FFF7F4;

View File

@ -5,10 +5,10 @@ menu:
v2_0:
name: Example post
weight: 1
#enterprise_all: true
enterprise_some: true
cloud_all: true
#cloud_some: true
enterprise_all: true
#enterprise_some: true
#cloud_all: true
cloud_some: true
draft: true
"v2.0/tags": [influxdb]
---
@ -90,7 +90,10 @@ This is **bold**. This is _italic_.
- Unordered list line-item 2
- Unordered list line-item 2.1
- Unordered list line-item 2.2
- Unordered list line-item 2.3
- Unordered list line-item 2.3 _(this is just an li, no p tag)_
1. Ordered list item nested 1
2. Ordered list item nested 2
3. Ordered list item nested 3
- Unordered list line-item 3
- Unordered list line-item with multiple paragraphs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
@ -110,13 +113,24 @@ This is **bold**. This is _italic_.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
1. Unordered list line-item 1
2. Unordered list line-item 2
1. Unordered list line-item 2.1
2. Unordered list line-item 2.2
3. Unordered list line-item 2.3
3. Unordered list line-item 3
4. Unordered list line-item with multiple paragraphs.
1. Ordered list line-item 1
2. Ordered list line-item 2
1. Ordered list line-item 2.1
2. Ordered list line-item 2.2
3. Ordered list line-item 2.3 _(this is just an li, no p tag)_
- Unordered list item nested 1
- Unordered list item nested 2
- Unordered list item nested 3
4. Ordered list line-item 2.4 with hard return.
- Unordered list item nested 1
- Unordered list item nested 2
- Unordered list item nested 3
With Another paragraph.
3. Ordered list line-item 3
4. Ordered list line-item with multiple paragraphs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
@ -125,7 +139,7 @@ This is **bold**. This is _italic_.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
5. Unordered list line-item with multiple paragraphs.
5. Ordered list line-item with multiple paragraphs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
@ -167,13 +181,13 @@ avg_cpu
{{% enterprise %}}
###### This is a table
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 |
| Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 |
| Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 |
| Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 |
| Row 5.1 | Row 5.2 | Row 5.3 | Row 5.4 |
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 |
| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 |
| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 |
| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 |
| Row 5.1 | `Row 5.2` | Row 5.3 | Row 5.4 |
###### This is a table with lots of stuff
| Column 1 | Column 2 | Column 3 | Column 4 |
@ -289,16 +303,16 @@ This is **bold**. This is _italic_.
// This is a code block inside of a blockquote
cpu = from(bucket:"telegraf/autogen")
|> range(start:-30m)
|> filter(fn:(r) => r._measurement == "cpu")
|> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName")
```
###### This is a table in a blockquote
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 |
| Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 |
| Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 |
| Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 |
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 |
| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 |
| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 |
| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 |
{{% /note %}}
@ -402,19 +416,127 @@ This is **bold**. This is _italic_.
// This is a code block inside of a blockquote
cpu = from(bucket:"telegraf/autogen")
|> range(start:-30m)
|> filter(fn:(r) => r._measurement == "cpu")
|> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName")
```
###### This is a table in a blockquote
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Row 1.1 | Row 1.2 | Row 1.3 | Row 1.4 |
| Row 2.1 | Row 2.2 | Row 2.3 | Row 2.4 |
| Row 3.1 | Row 3.2 | Row 3.3 | Row 3.4 |
| Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 |
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 |
| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 |
| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 |
| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 |
{{% /warn %}}
{{% cloud-msg %}}
This is a multiple paragraph blockquote with internal elements.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
## h2 This is a header2
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
{{< img-hd src="/img/test-image-2.png" alt="Test Image" />}}
### h3 This is a header3
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
#### h4 This is a header4
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
##### h5 This is a header5
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
###### h6 This is a header6
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
> Etiam tristique nisi et tristique auctor.
> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
> Etiam tristique nisi et tristique auctor.
#### Inline Styles
This is an [inline link](#). This is `inline code`.
This is an [`inline code link`](#) .
This is **bold**. This is _italic_.
- Unordered list line-item 1
- Unordered list line-item 2
- Unordered list line-item 2.1
- Unordered list line-item 2.2
- Unordered list line-item 2.3
- Unordered list line-item 3
- Unordered list line-item with multiple paragraphs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
- Unordered list line-item with multiple paragraphs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
1. Unordered list line-item 1
2. Unordered list line-item 2
1. Unordered list line-item 2.1
2. Unordered list line-item 2.2
3. Unordered list line-item 2.3
3. Unordered list line-item 3
4. Unordered list line-item with multiple paragraphs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
5. Unordered list line-item with multiple paragraphs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est.
Etiam tristique nisi et tristique auctor.
```js
// This is a code block inside of a blockquote
cpu = from(bucket:"telegraf/autogen")
|> range(start:-30m)
|> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName")
```
###### This is a table in a blockquote
| Column 1 | Column 2 | Column 3 | Column 4 |
| -------- | -------- | -------- | -------- |
| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 |
| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 |
| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 |
| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 |
{{% /cloud-msg %}}
{{< tabs-wrapper >}}
{{% tabs %}}
[tab 1.1](#)

View File

@ -7,10 +7,12 @@
<div class="cards">
<div class="card full" id="get-started">
{{ $currentVersion := (index (findRE "[^/]+.*?" .RelPermalink) 0) }}
<h1>InfluxDB {{ $currentVersion }} Documentation</h1>
<a class="btn" href="get-started">Get Started</a>
</div>
{{ partial "svgs/hive.svg" }}
<div class="group">
<a class="card quarter" href="write-data">

View File

@ -1,5 +1,5 @@
<hr/>
<div class="feedback">
<div class="feedback block">
<h4>Bug Reports and Feedback</h4>
<p>
Thank you for being willing to help test InfluxDB v2.0 alpha!

View File

@ -1,6 +1,6 @@
{{ $cloudName := .Site.Data.products.cloud.name }}
<hr/>
<div class="feedback">
<div class="feedback block">
<h4>{{ $cloudName }} Bug Reports and Feedback</h4>
<p>
To provide feedback or report a bug, send an email to <a href="mailto:cloudbeta@influxdata.com?subject={{ $cloudName }} Feedback">cloudbeta@influxdata.com</a>.

View File

@ -1,13 +1,13 @@
{{ $cloudName := .Site.Data.products.cloud.name }}
{{ $cloudLink := .Site.Data.products.cloud.link }}
{{ if ( $.Params.cloud_all ) }}
<div class="cloud-msg" id="cloud-msg">
<div class="cloud-msg block" id="cloud-msg">
<p>
The features and functionality discussed on this page are unique to <a href="{{ $cloudLink }}" target="_blank">{{ $cloudName }}</a>.
</p>
</div>
{{ else if ( $.Params.cloud_some ) }}
<div class="cloud-msg" id="cloud-msg">
<div class="cloud-msg flex block" id="cloud-msg">
<div>
<span class="cloud-flag"></span>
</div>

View File

@ -1,13 +1,13 @@
{{ $enterpriseName := .Site.Data.products.enterprise.name }}
{{ $enterpriseLink := .Site.Data.products.enterprise.link }}
{{ if ( $.Params.enterprise_all ) }}
<div class="enterprise-msg" id="enterprise-msg">
<div class="enterprise-msg block" id="enterprise-msg">
<p>
The features and functionality discussed on this page are unique to <a href="{{ $enterpriseLink }}" target="_blank">{{ $enterpriseName }}</a>.
</p>
</div>
{{ else if ( $.Params.enterprise_some ) }}
<div class="enterprise-msg" id="enterprise-msg">
<div class="enterprise-msg block flex" id="enterprise-msg">
<div>
<span class="enterprise-flag"></span>
</div>

View File

@ -17,7 +17,7 @@
{{ partial "header/canonical.html" . }}
{{ partial "header/stylesheets.html" }}
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i|Titillium+Web:300i,700i|Inconsolata:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:500,500i,700,700i|Roboto:400,400i,700,700i|Rubik:400,400i,500,500i,700,700i" rel="stylesheet">
{{ partial "header/javascript.html" }}

View File

@ -7,11 +7,11 @@
{{ $cssSidebarClose := (dict "targetPath" "sidebar-closed.css" "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $PostCSSOptions := (dict "use" "autoprefixer" "noMap" false) }}
{{ $stylesDark := resources.Get "styles/styles-default.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }}
<link rel="stylesheet" title="dark-theme" type="text/css" href="{{ $stylesDark.RelPermalink }}">
{{ $stylesLight := resources.Get "styles/styles-default.scss" | toCSS $cssOptionsLight | postCSS $PostCSSOptions | fingerprint }}
<link rel="stylesheet" title="light-theme" type="text/css" href="{{ $stylesLight.RelPermalink }}">
{{ $stylesLight := resources.Get "styles/styles-light.scss" | toCSS $cssOptionsLight | postCSS $PostCSSOptions | fingerprint }}
<link rel="alternate stylesheet" title="light-theme" type="text/css" href="{{ $stylesLight.RelPermalink }}">
{{ $stylesDark := resources.Get "styles/styles-dark.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }}
<link rel="alternate stylesheet" title="dark-theme" type="text/css" href="{{ $stylesDark.RelPermalink }}">
{{ $stylesSidebarOpen := resources.Get "styles/sidebar-open.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }}
<link rel="stylesheet" title="sidebar-open" type="text/css" href="{{ $stylesSidebarOpen.RelPermalink }}">

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 186 KiB

View File

@ -2,7 +2,7 @@
<div class="topnav--left">
<a class="influx-home" href="https://www.influxdata.com" title="InfluxData"><span class="icon-influx-logo"></span><span class="icon-influx-logotype"></span></a>
<span class="divider"></span>
<a class="docs-home" href="/{{ $.Site.Data.versions.stable_version }}">Docs</a>
<a class="docs-home" href="/{{ $.Site.Data.versions.stable_version }}">InfluxDB Docs</a>
</div>
<div class="topnav--right">
<div class="version-selector">

View File

@ -1,4 +1,4 @@
{{ $_hugo_config := `{ "version": 1 }` }}
<div class="cloud-msg">
<div class="cloud-msg block">
{{ .Inner }}
</div>

View File

@ -1,4 +1,4 @@
{{ $_hugo_config := `{ "version": 1 }` }}
<div class="note">
<div class="note block">
{{ .Inner }}
</div>

View File

@ -1,4 +1,4 @@
{{ $_hugo_config := `{ "version": 1 }` }}
<div class="warn">
<div class="warn block">
{{ .Inner }}
</div>

View File

@ -1,71 +1,66 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 300 100" style="enable-background:new 0 0 300 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#42434C;}
.st1{fill:#9295A0;}
.st0{fill:url(#SVGID_1_);}
.st1{fill:#FFFFFF;}
</style>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-9.105" y1="129.0257" x2="297.1224" y2="-23.0741">
<stop offset="0" style="stop-color:#9394FF"/>
<stop offset="0.1837" style="stop-color:#8F95FF"/>
<stop offset="0.3732" style="stop-color:#8298FE"/>
<stop offset="0.5655" style="stop-color:#6E9CFC"/>
<stop offset="0.7596" style="stop-color:#51A3FA"/>
<stop offset="0.9535" style="stop-color:#2CABF7"/>
<stop offset="1" style="stop-color:#22ADF6"/>
</linearGradient>
<rect x="-1" y="-1" class="st0" width="302" height="102"/>
</g>
<g>
<path class="st1" d="M94.81,43.41h1.18l-1.64,9.33h-1.18L94.81,43.41z"/>
<path class="st1" d="M105.85,47.48c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.82,0.53-2.56,1.02
l-0.85,4.85h-1.15l0.92-5.25c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.85,4.85
h-1.15L97.92,46l1.01-0.17l-0.08,0.97c0.67-0.48,2.07-1.02,2.89-1.02c0.77,0,1.15,0.39,1.2,1.02c0.74-0.52,2.07-1.02,2.89-1.02
c0.85,0,1.22,0.46,1.22,1.2c0,0.15-0.01,0.36-0.06,0.59l-0.91,5.17h-1.15L105.85,47.48z"/>
<path class="st1" d="M113.18,52.74h-0.95l0.04-0.83c-0.76,0.67-1.68,0.97-2.55,0.97c-1.05,0-1.44-0.57-1.44-1.36
c0-0.17,0.03-0.35,0.06-0.53l0.48-2.7c0.29-1.65,0.91-2.51,3.07-2.51c0.84,0,1.78,0.21,2.45,0.46L113.18,52.74z M113.06,46.94
c-0.36-0.1-0.84-0.17-1.32-0.17c-1.05,0-1.57,0.32-1.81,1.67l-0.43,2.47c-0.03,0.17-0.06,0.35-0.06,0.48c0,0.32,0.14,0.5,0.56,0.5
c0.85,0,1.61-0.48,2.4-1.19L113.06,46.94z"/>
<path class="st1" d="M120.24,53.77c-0.25,1.43-0.83,1.86-2.4,1.86c-0.9,0-2.1-0.28-2.8-0.57l0.24-0.87
c0.94,0.34,1.81,0.49,2.61,0.49c0.87,0,1.09-0.27,1.22-1l0.35-1.98c-0.76,0.6-1.64,0.88-2.51,0.88c-1.05,0-1.44-0.57-1.44-1.36
c0-0.17,0.03-0.35,0.06-0.53l0.43-2.4c0.29-1.65,0.97-2.54,3.12-2.54c0.66,0,1.71,0.18,2.44,0.49L120.24,53.77z M120.3,46.95
c-0.36-0.1-0.9-0.18-1.37-0.18c-1.13,0-1.57,0.35-1.81,1.69l-0.39,2.19c-0.03,0.17-0.06,0.32-0.06,0.45c0,0.32,0.14,0.5,0.56,0.5
c0.73,0,1.71-0.49,2.44-1.11L120.3,46.95z"/>
<path class="st1" d="M123.92,50.92c-0.03,0.15-0.03,0.25-0.03,0.31c0,0.43,0.21,0.69,0.94,0.69c0.71,0,1.57-0.27,2.49-0.71
l0.25,0.85c-0.87,0.48-1.76,0.83-2.9,0.83c-1.37,0-1.92-0.64-1.92-1.58c0-0.17,0.01-0.39,0.06-0.63l0.41-2.3
c0.31-1.72,1.08-2.59,3.01-2.59c1.13,0,1.95,0.53,1.95,1.54c0,1.15-0.53,1.72-2.45,2.37c-0.83,0.28-1.09,0.35-1.68,0.53
L123.92,50.92z M127.1,47.44c0-0.45-0.34-0.73-0.95-0.73c-1.06,0-1.55,0.39-1.75,1.5l-0.17,0.94c0.38-0.11,0.6-0.18,1.26-0.38
C126.62,48.44,127.1,48,127.1,47.44z"/>
<path class="st1" d="M132.28,50.72c0-0.21,0.03-0.43,0.07-0.69l0.71-4.05c0.35-1.95,1.36-2.72,3.61-2.72c0.71,0,1.61,0.1,2.33,0.29
l-0.24,1.01c-0.71-0.15-1.57-0.25-2.19-0.25c-1.53,0-2.12,0.42-2.37,1.82l-0.69,3.91c-0.04,0.22-0.06,0.42-0.06,0.59
c0,0.84,0.46,1.19,1.79,1.19c0.62,0,1.48-0.08,2.23-0.22l0.04,1.01c-0.73,0.15-1.72,0.27-2.51,0.27
C133.05,52.88,132.28,52.01,132.28,50.72z"/>
<path class="st1" d="M139.32,50.29l0.35-1.99c0.29-1.67,1.25-2.52,3.21-2.52c1.57,0,2.38,0.87,2.38,2.03c0,0.1,0,0.25-0.04,0.48
l-0.38,2.14c-0.27,1.54-1.08,2.45-3.19,2.45C139.7,52.88,139.05,51.76,139.32,50.29z M144.07,48.28c0.03-0.15,0.04-0.29,0.04-0.41
c0-0.74-0.43-1.11-1.4-1.11c-1.12,0-1.71,0.53-1.89,1.6l-0.35,1.97c-0.15,0.94,0.07,1.54,1.34,1.54c1.18,0,1.71-0.5,1.89-1.53
L144.07,48.28z"/>
<path class="st1" d="M155.44,47.48c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.82,0.53-2.56,1.02
l-0.85,4.85h-1.15l0.93-5.25c0.01-0.08,0.03-0.18,0.03-0.24c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.85,4.85
h-1.15l1.19-6.74l1.01-0.17l-0.08,0.97c0.67-0.48,2.07-1.02,2.88-1.02c0.77,0,1.15,0.39,1.21,1.02c0.74-0.52,2.07-1.02,2.89-1.02
c0.85,0,1.22,0.46,1.22,1.2c0,0.15-0.01,0.36-0.06,0.59l-0.91,5.17h-1.15L155.44,47.48z"/>
<path class="st1" d="M159.02,46l1.18-0.17l-1.22,6.91h-1.15L159.02,46z M159.52,43.13l1.18-0.17l-0.31,1.75l-1.18,0.15
L159.52,43.13z"/>
<path class="st1" d="M167.43,46.98c0,0.15-0.01,0.36-0.06,0.59l-0.91,5.17h-1.15l0.92-5.25c0.01-0.08,0.03-0.18,0.03-0.24
c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.85,4.85h-1.15L162.4,46l1.01-0.17l-0.09,0.97
c0.67-0.48,2.07-1.02,2.89-1.02C167.07,45.78,167.43,46.24,167.43,46.98z"/>
<path class="st1" d="M173.45,53.77c-0.25,1.43-0.83,1.86-2.39,1.86c-0.9,0-2.1-0.28-2.8-0.57l0.24-0.87
c0.94,0.34,1.81,0.49,2.61,0.49c0.87,0,1.09-0.27,1.22-1l0.35-1.98c-0.76,0.6-1.64,0.88-2.51,0.88c-1.05,0-1.44-0.57-1.44-1.36
c0-0.17,0.03-0.35,0.05-0.53l0.44-2.4c0.29-1.65,0.97-2.54,3.12-2.54c0.66,0,1.71,0.18,2.44,0.49L173.45,53.77z M173.51,46.95
c-0.37-0.1-0.9-0.18-1.37-0.18c-1.13,0-1.57,0.35-1.81,1.69l-0.39,2.19c-0.03,0.17-0.06,0.32-0.06,0.45c0,0.32,0.14,0.5,0.56,0.5
c0.73,0,1.71-0.49,2.44-1.11L173.51,46.95z"/>
<path class="st1" d="M178.71,52.36l0.27-0.94c0.87,0.27,1.72,0.43,2.52,0.43c1.5,0,1.89-0.41,2.09-1.53
c0.05-0.31,0.1-0.55,0.1-0.73c0-0.59-0.37-0.74-1.72-1.09c-1.62-0.42-2.12-0.94-2.12-1.92c0-0.28,0.04-0.59,0.1-0.94
c0.34-1.89,1.09-2.38,3.32-2.38c0.7,0,1.72,0.13,2.45,0.32l-0.21,0.99c-0.79-0.18-1.74-0.28-2.31-0.28c-1.58,0-1.88,0.25-2.07,1.37
c-0.05,0.32-0.1,0.6-0.1,0.77c0,0.59,0.35,0.76,1.64,1.11c1.72,0.46,2.21,0.91,2.21,1.83c0,0.24-0.04,0.59-0.11,0.95
c-0.29,1.69-0.84,2.54-3.38,2.54C180.59,52.88,179.5,52.68,178.71,52.36z"/>
<path class="st1" d="M186.44,50.29l0.35-1.99c0.29-1.67,1.25-2.52,3.21-2.52c1.57,0,2.38,0.87,2.38,2.03c0,0.1,0,0.25-0.04,0.48
l-0.38,2.14c-0.27,1.54-1.08,2.45-3.19,2.45C186.82,52.88,186.18,51.76,186.44,50.29z M191.19,48.28c0.03-0.15,0.04-0.29,0.04-0.41
c0-0.74-0.43-1.11-1.4-1.11c-1.12,0-1.71,0.53-1.89,1.6l-0.35,1.97c-0.15,0.94,0.07,1.54,1.35,1.54c1.18,0,1.71-0.5,1.89-1.53
L191.19,48.28z"/>
<path class="st1" d="M193.53,50.29l0.35-1.99c0.29-1.67,1.25-2.52,3.21-2.52c1.57,0,2.38,0.87,2.38,2.03c0,0.1,0,0.25-0.04,0.48
l-0.38,2.14c-0.27,1.54-1.08,2.45-3.19,2.45C193.9,52.88,193.26,51.76,193.53,50.29z M198.28,48.28c0.03-0.15,0.04-0.29,0.04-0.41
c0-0.74-0.43-1.11-1.4-1.11c-1.12,0-1.71,0.53-1.89,1.6l-0.35,1.97c-0.15,0.94,0.07,1.54,1.35,1.54c1.18,0,1.71-0.5,1.89-1.53
L198.28,48.28z"/>
<path class="st1" d="M206.75,46.98c0,0.15-0.02,0.36-0.06,0.59l-0.91,5.17h-1.15l0.92-5.25c0.01-0.08,0.03-0.18,0.03-0.24
c0-0.28-0.14-0.38-0.48-0.38c-0.69,0-1.74,0.5-2.58,1.02l-0.86,4.85h-1.15l1.19-6.74l1.01-0.17l-0.08,0.97
c0.67-0.48,2.07-1.02,2.89-1.02C206.38,45.78,206.75,46.24,206.75,46.98z"/>
<path class="st1" d="M94.8,43.4H96l-1.6,9.3h-1.2L94.8,43.4z"/>
<path class="st1" d="M105.8,47.5c0-0.1,0-0.2,0-0.2c0-0.3-0.1-0.4-0.5-0.4c-0.7,0-1.8,0.5-2.6,1l-0.8,4.8h-1.2l0.9-5.2
c0-0.1,0-0.2,0-0.2c0-0.3-0.1-0.4-0.5-0.4c-0.7,0-1.7,0.5-2.6,1l-0.8,4.8h-1.2l1.2-6.7l1-0.2l-0.1,1c0.7-0.5,2.1-1,2.9-1
c0.8,0,1.2,0.4,1.2,1c0.7-0.5,2.1-1,2.9-1c0.8,0,1.2,0.5,1.2,1.2c0,0.2,0,0.4-0.1,0.6l-0.9,5.2h-1.2L105.8,47.5z"/>
<path class="st1" d="M113.2,52.7h-0.9l0-0.8c-0.8,0.7-1.7,1-2.6,1c-1.1,0-1.4-0.6-1.4-1.4c0-0.2,0-0.3,0.1-0.5l0.5-2.7
c0.3-1.7,0.9-2.5,3.1-2.5c0.8,0,1.8,0.2,2.4,0.5L113.2,52.7z M113.1,46.9c-0.4-0.1-0.8-0.2-1.3-0.2c-1.1,0-1.6,0.3-1.8,1.7
l-0.4,2.5c0,0.2-0.1,0.3-0.1,0.5c0,0.3,0.1,0.5,0.6,0.5c0.8,0,1.6-0.5,2.4-1.2L113.1,46.9z"/>
<path class="st1" d="M120.2,53.8c-0.2,1.4-0.8,1.9-2.4,1.9c-0.9,0-2.1-0.3-2.8-0.6l0.2-0.9c0.9,0.3,1.8,0.5,2.6,0.5
c0.9,0,1.1-0.3,1.2-1l0.3-2c-0.8,0.6-1.6,0.9-2.5,0.9c-1.1,0-1.4-0.6-1.4-1.4c0-0.2,0-0.3,0.1-0.5l0.4-2.4c0.3-1.7,1-2.5,3.1-2.5
c0.7,0,1.7,0.2,2.4,0.5L120.2,53.8z M120.3,47c-0.4-0.1-0.9-0.2-1.4-0.2c-1.1,0-1.6,0.3-1.8,1.7l-0.4,2.2c0,0.2-0.1,0.3-0.1,0.5
c0,0.3,0.1,0.5,0.6,0.5c0.7,0,1.7-0.5,2.4-1.1L120.3,47z"/>
<path class="st1" d="M123.9,50.9c0,0.2,0,0.2,0,0.3c0,0.4,0.2,0.7,0.9,0.7c0.7,0,1.6-0.3,2.5-0.7l0.2,0.8c-0.9,0.5-1.8,0.8-2.9,0.8
c-1.4,0-1.9-0.6-1.9-1.6c0-0.2,0-0.4,0.1-0.6l0.4-2.3c0.3-1.7,1.1-2.6,3-2.6c1.1,0,2,0.5,2,1.5c0,1.2-0.5,1.7-2.4,2.4
c-0.8,0.3-1.1,0.3-1.7,0.5L123.9,50.9z M127.1,47.4c0-0.5-0.3-0.7-0.9-0.7c-1.1,0-1.6,0.4-1.8,1.5l-0.2,0.9
c0.4-0.1,0.6-0.2,1.3-0.4C126.6,48.4,127.1,48,127.1,47.4z"/>
<path class="st1" d="M132.3,50.7c0-0.2,0-0.4,0.1-0.7l0.7-4c0.4-2,1.4-2.7,3.6-2.7c0.7,0,1.6,0.1,2.3,0.3l-0.2,1
c-0.7-0.2-1.6-0.2-2.2-0.2c-1.5,0-2.1,0.4-2.4,1.8l-0.7,3.9c0,0.2-0.1,0.4-0.1,0.6c0,0.8,0.5,1.2,1.8,1.2c0.6,0,1.5-0.1,2.2-0.2
l0,1c-0.7,0.2-1.7,0.3-2.5,0.3C133.1,52.9,132.3,52,132.3,50.7z"/>
<path class="st1" d="M139.3,50.3l0.4-2c0.3-1.7,1.2-2.5,3.2-2.5c1.6,0,2.4,0.9,2.4,2c0,0.1,0,0.2,0,0.5l-0.4,2.1
c-0.3,1.5-1.1,2.5-3.2,2.5C139.7,52.9,139.1,51.8,139.3,50.3z M144.1,48.3c0-0.2,0-0.3,0-0.4c0-0.7-0.4-1.1-1.4-1.1
c-1.1,0-1.7,0.5-1.9,1.6l-0.4,2c-0.1,0.9,0.1,1.5,1.3,1.5c1.2,0,1.7-0.5,1.9-1.5L144.1,48.3z"/>
<path class="st1" d="M155.4,47.5c0-0.1,0-0.2,0-0.2c0-0.3-0.1-0.4-0.5-0.4c-0.7,0-1.8,0.5-2.6,1l-0.9,4.8h-1.1l0.9-5.2
c0-0.1,0-0.2,0-0.2c0-0.3-0.1-0.4-0.5-0.4c-0.7,0-1.7,0.5-2.6,1l-0.9,4.8h-1.1l1.2-6.7l1-0.2l-0.1,1c0.7-0.5,2.1-1,2.9-1
c0.8,0,1.1,0.4,1.2,1c0.7-0.5,2.1-1,2.9-1c0.9,0,1.2,0.5,1.2,1.2c0,0.2,0,0.4-0.1,0.6l-0.9,5.2h-1.1L155.4,47.5z"/>
<path class="st1" d="M159,46l1.2-0.2l-1.2,6.9h-1.1L159,46z M159.5,43.1l1.2-0.2l-0.3,1.8l-1.2,0.2L159.5,43.1z"/>
<path class="st1" d="M167.4,47c0,0.2,0,0.4-0.1,0.6l-0.9,5.2h-1.1l0.9-5.2c0-0.1,0-0.2,0-0.2c0-0.3-0.1-0.4-0.5-0.4
c-0.7,0-1.7,0.5-2.6,1l-0.9,4.8h-1.1l1.2-6.7l1-0.2l-0.1,1c0.7-0.5,2.1-1,2.9-1C167.1,45.8,167.4,46.2,167.4,47z"/>
<path class="st1" d="M173.4,53.8c-0.2,1.4-0.8,1.9-2.4,1.9c-0.9,0-2.1-0.3-2.8-0.6l0.2-0.9c0.9,0.3,1.8,0.5,2.6,0.5
c0.9,0,1.1-0.3,1.2-1l0.4-2c-0.8,0.6-1.6,0.9-2.5,0.9c-1.1,0-1.4-0.6-1.4-1.4c0-0.2,0-0.3,0.1-0.5l0.4-2.4c0.3-1.7,1-2.5,3.1-2.5
c0.7,0,1.7,0.2,2.4,0.5L173.4,53.8z M173.5,47c-0.4-0.1-0.9-0.2-1.4-0.2c-1.1,0-1.6,0.3-1.8,1.7l-0.4,2.2c0,0.2-0.1,0.3-0.1,0.5
c0,0.3,0.1,0.5,0.6,0.5c0.7,0,1.7-0.5,2.4-1.1L173.5,47z"/>
<path class="st1" d="M178.7,52.4l0.3-0.9c0.9,0.3,1.7,0.4,2.5,0.4c1.5,0,1.9-0.4,2.1-1.5c0.1-0.3,0.1-0.5,0.1-0.7
c0-0.6-0.4-0.7-1.7-1.1c-1.6-0.4-2.1-0.9-2.1-1.9c0-0.3,0-0.6,0.1-0.9c0.3-1.9,1.1-2.4,3.3-2.4c0.7,0,1.7,0.1,2.4,0.3l-0.2,1
c-0.8-0.2-1.7-0.3-2.3-0.3c-1.6,0-1.9,0.2-2.1,1.4c-0.1,0.3-0.1,0.6-0.1,0.8c0,0.6,0.4,0.8,1.6,1.1c1.7,0.5,2.2,0.9,2.2,1.8
c0,0.2,0,0.6-0.1,1c-0.3,1.7-0.8,2.5-3.4,2.5C180.6,52.9,179.5,52.7,178.7,52.4z"/>
<path class="st1" d="M186.4,50.3l0.4-2c0.3-1.7,1.2-2.5,3.2-2.5c1.6,0,2.4,0.9,2.4,2c0,0.1,0,0.2,0,0.5l-0.4,2.1
c-0.3,1.5-1.1,2.5-3.2,2.5C186.8,52.9,186.2,51.8,186.4,50.3z M191.2,48.3c0-0.2,0-0.3,0-0.4c0-0.7-0.4-1.1-1.4-1.1
c-1.1,0-1.7,0.5-1.9,1.6l-0.4,2c-0.1,0.9,0.1,1.5,1.4,1.5c1.2,0,1.7-0.5,1.9-1.5L191.2,48.3z"/>
<path class="st1" d="M193.5,50.3l0.4-2c0.3-1.7,1.2-2.5,3.2-2.5c1.6,0,2.4,0.9,2.4,2c0,0.1,0,0.2,0,0.5l-0.4,2.1
c-0.3,1.5-1.1,2.5-3.2,2.5C193.9,52.9,193.3,51.8,193.5,50.3z M198.3,48.3c0-0.2,0-0.3,0-0.4c0-0.7-0.4-1.1-1.4-1.1
c-1.1,0-1.7,0.5-1.9,1.6l-0.4,2c-0.1,0.9,0.1,1.5,1.4,1.5c1.2,0,1.7-0.5,1.9-1.5L198.3,48.3z"/>
<path class="st1" d="M206.8,47c0,0.2,0,0.4-0.1,0.6l-0.9,5.2h-1.1l0.9-5.2c0-0.1,0-0.2,0-0.2c0-0.3-0.1-0.4-0.5-0.4
c-0.7,0-1.7,0.5-2.6,1l-0.9,4.8h-1.1l1.2-6.7l1-0.2l-0.1,1c0.7-0.5,2.1-1,2.9-1C206.4,45.8,206.8,46.2,206.8,47z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB