diff options
Diffstat (limited to 'packages/gitbook-plugin-theme-default/less')
3 files changed, 34 insertions, 1 deletions
diff --git a/packages/gitbook-plugin-theme-default/less/LoadingBar.less b/packages/gitbook-plugin-theme-default/less/LoadingBar.less new file mode 100644 index 0000000..1fca2ea --- /dev/null +++ b/packages/gitbook-plugin-theme-default/less/LoadingBar.less @@ -0,0 +1,30 @@ +.LoadingBar { + pointer-events: none; + transition: 400ms linear all; + + .LoadingBar-Bar { + background: @color-primary; + height: 2px; + + position: fixed; + top: 0; + left: 0; + z-index: 10000; + display: none; + width: 100%; + border-radius: 0 1px 1px 0; + transition: width 350ms; + } + + .LoadingBar-Shadow { + content: ''; + position: absolute; + top: 0; + right: 0; + width: 70px; + height: 2px; + border-radius: 50%; + opacity: .45; + box-shadow: @color-primary 1px 0 6px 1px; + } +} diff --git a/packages/gitbook-plugin-theme-default/less/main.less b/packages/gitbook-plugin-theme-default/less/main.less index 6b50858..960477d 100644 --- a/packages/gitbook-plugin-theme-default/less/main.less +++ b/packages/gitbook-plugin-theme-default/less/main.less @@ -14,6 +14,7 @@ @import "Search.less"; @import "Body.less"; @import "Dropdown.less"; +@import "LoadingBar.less"; * { .box-sizing(border-box); diff --git a/packages/gitbook-plugin-theme-default/less/variables.less b/packages/gitbook-plugin-theme-default/less/variables.less index c8dc452..62f4f52 100644 --- a/packages/gitbook-plugin-theme-default/less/variables.less +++ b/packages/gitbook-plugin-theme-default/less/variables.less @@ -1,3 +1,5 @@ +// Colors +@color-primary: hsl(207, 100%, 50%); // rgb(44, 106, 254); // Fonts @font-family-serif: Georgia, serif; @font-family-sans: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -16,7 +18,7 @@ @summary-article-padding-v: 10px; @summary-article-padding-h: 15px; @summary-article-color: hsl(207, 15%, 25%); -@summary-article-hover-color: hsl(207, 100%, 50%); +@summary-article-hover-color: @color-primary; @summary-article-active-color: @summary-article-color; @summary-article-active-background: #f5f5f5; // Page |