From f8dca04b2eccb0dbe4c36f04ebc4d41e0256b1ea Mon Sep 17 00:00:00 2001 From: blake Date: Thu, 5 Dec 2019 15:09:49 -0600 Subject: [PATCH] Initial Evergreen-ized Antora UI Signed-off-by: blake --- package.json | 3 +++ src/css/footer.css | 15 +++++++++++++++ src/css/vars.css | 15 ++++++++------- src/partials/article.hbs | 8 ++++++++ src/partials/header-content.hbs | 38 ++++++++++++++++++++------------------ src/partials/toolbar.hbs | 3 +++ 6 files changed, 57 insertions(+), 25 deletions(-) diff --git a/package.json b/package.json index 8a6073b..0d05cae 100644 --- a/package.json +++ b/package.json @@ -53,5 +53,8 @@ "typeface-roboto-mono": "0.0.75", "vinyl-buffer": "~1.0", "vinyl-fs": "~3.0" + }, + "scripts": { + "gulp-bundle": "gulp bundle" } } diff --git a/src/css/footer.css b/src/css/footer.css index 6521947..de01cda 100644 --- a/src/css/footer.css +++ b/src/css/footer.css @@ -13,3 +13,18 @@ footer.footer { .footer a { color: var(--footer-link-font-color); } + +.article-footer { + width: 100%; +} + +.article-footer .article-footer-next { + float: right; + width: 35%; + text-align: right; +} + +.article-footer .article-footer-previous { + float: left; + width: 35%; +} diff --git a/src/css/vars.css b/src/css/vars.css index 2a6f6be..9e92403 100644 --- a/src/css/vars.css +++ b/src/css/vars.css @@ -16,8 +16,9 @@ --color-jet-70: #222; --color-jet-80: #191919; --color-black: #000; + --color-evergreen: #446129; /* fonts */ - --rem-base: 18; /* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */ + --rem-base: 16; /* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */ --body-font-size: 1.0625em; /* 17px */ --body-font-size--desktop: 1.125em; /* 18px */ --body-font-size--print: 0.9375em; /* 15px */ @@ -32,15 +33,15 @@ --panel-background: var(--color-smoke-30); --panel-border-color: var(--color-smoke-90); /* navbar */ - --navbar-background: var(--color-jet-80); - --navbar-font-color: var(--color-white); - --navbar_hover-background: var(--color-black); + --navbar-background: var(--color-white); + --navbar-font-color: var(--color-evergreen); + --navbar_hover-background: var(--color-white); --navbar-button-background: var(--color-white); --navbar-button-border-color: var(--panel-border-color); - --navbar-button-font-color: var(--body-font-color); + --navbar-button-font-color: var(--color-evergreen); --navbar-menu-border-color: var(--panel-border-color); --navbar-menu-background: var(--color-white); - --navbar-menu-font-color: var(--body-font-color); + --navbar-menu-font-color: var(--color-evergreen); --navbar-menu_hover-background: var(--color-smoke-50); /* nav */ --nav-background: var(--panel-background); @@ -85,7 +86,7 @@ --abstract-background: var(--color-smoke-70); --abstract-font-color: var(--color-jet-20); --abstract-border-color: var(--panel-border-color); - --admonition-background: var(--panel-background); + --admonition-background: #dafafa; --admonition-label-font-weight: var(--body-font-weight-bold); --caption-font-color: var(--color-gray-70); --caption-font-weight: var(--body-font-weight-bold); diff --git a/src/partials/article.hbs b/src/partials/article.hbs index 11a5117..293f7ac 100644 --- a/src/partials/article.hbs +++ b/src/partials/article.hbs @@ -13,5 +13,13 @@ If you typed the URL of this page manually, please double check that you entered

{{{page.title}}}

{{/if}} {{{page.contents}}} +
+
+ Previous +
+
+ Next +
+
{{/if}} diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs index 05ca5ef..a7d73d4 100644 --- a/src/partials/header-content.hbs +++ b/src/partials/header-content.hbs @@ -10,37 +10,39 @@ + {{#if env.DOCSEARCH_ENABLED}} +
+ +
+ {{/if}} diff --git a/src/partials/toolbar.hbs b/src/partials/toolbar.hbs index f487144..b0179cf 100644 --- a/src/partials/toolbar.hbs +++ b/src/partials/toolbar.hbs @@ -5,9 +5,12 @@ {{/if}} {{> breadcrumbs}} {{> page-versions}} + -- 2.11.0