Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added page navigation buttons

pull/22/head
Scott Anderson 2019-01-21 17:36:09 -07:00
parent ef8f867425
commit ef3d94b271
3 changed files with 55 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
assets/styles/layouts/_layout-article.scss
View File

@ -544,7 +544,7 @@
}
}
///////////////////////////////// Scroll Bars //////////////////////////////////
//////////////////////////////// Scroll Bars /////////////////////////////////
pre { @include scrollbar($article-code-bg, $article-code-scrollbar); }
table { @include scrollbar($article-table-row-alt, $article-code-scrollbar);}
@ -557,6 +557,48 @@
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%;
color: $article-btn-text;
background: $article-btn;
border-radius: $border-radius;
text-align: center;
align-items: center;
&:hover {
background: $article-btn-hover;
}
&.prev{
margin-right: auto;
padding: .75rem 1.25rem .75rem .75rem;
&:before {
content: "\e90a";
font-family: "icomoon";
margin-right: .5rem;
vertical-align: middle;
}
}
&.next {
margin-left: auto;
padding: .75rem .75rem .75rem 1.25rem;
&:after {
content: "\e90c";
font-family: "icomoon";
margin-left: .5rem;
vertical-align: middle;
}
}
}
}
}

6
assets/styles/themes/_theme-dark.scss
View File

@ -116,6 +116,12 @@ $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;
// Left Navigation
$nav-category: $b-ocean !default;
$nav-category-hover: $g20-white !default;

6
assets/styles/themes/_theme-light.scss
View File

@ -115,6 +115,12 @@ $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;
// Left Navigation
$nav-category: $b-ocean;
$nav-category-hover: $gr-viridian;