From d4d6b48e7212562c8315a9ed3f199153b4c358d9 Mon Sep 17 00:00:00 2001 From: Kevin Chu Date: Fri, 10 Mar 2017 11:54:44 -0800 Subject: [PATCH] Updating component list navigation - adding accordion functionality and new styles --- docs/assets/scss/_component-list.scss | 62 ++++++ docs/assets/scss/docs.scss | 1 + docs/partials/component-list.html | 284 +++++++++++++++++--------- 3 files changed, 253 insertions(+), 94 deletions(-) create mode 100644 docs/assets/scss/_component-list.scss diff --git a/docs/assets/scss/_component-list.scss b/docs/assets/scss/_component-list.scss new file mode 100644 index 000000000..ddcd3be8c --- /dev/null +++ b/docs/assets/scss/_component-list.scss @@ -0,0 +1,62 @@ +.docs-nav.menu { + padding-top: 0.5rem; +} + +.docs-nav-category { + background: none; + + .accordion-title { + border: none; + color: #383838; + font-weight: 600; + } + + .accordion-content { + padding-top: 0; + border: none; + background: none; + } + + .is-active > .accordion-title::before { + content: ''; + } + + .accordion-title::before { + content: ''; + } +} + + +.docs-nav.menu a:hover { + background: none; +} + +.docs-nav.menu a:focus { + background: none; +} + +.docs-nav.menu .current a { + background: none; + color: $primary-color; +} + +.docs-nav-subcategory { + list-style: none; + margin-left: 0.65rem; + + li { + padding: 0.25rem 0; + } + + li a { + font-size: 1rem; + color: #414141; + line-height: 1.5; + } +} + +.docs-nav-version-container { + margin-left: 0; + border-bottom: 1px solid #e0e0e0; + padding-bottom: 0.5rem; +} diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss index 708b6743e..48929cd60 100644 --- a/docs/assets/scss/docs.scss +++ b/docs/assets/scss/docs.scss @@ -27,6 +27,7 @@ @import 'examples/reveal'; @import 'course-callout'; +@import 'component-list'; $topbar-background: #2c3840; $topbar-hover-color: lighten($topbar-background, 10%); diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html index 007b80684..bd20d9d0e 100644 --- a/docs/partials/component-list.html +++ b/docs/partials/component-list.html @@ -1,95 +1,191 @@ - + -- 2.47.2