From: Kevin Chu Date: Sat, 8 Apr 2017 20:07:51 +0000 (-0700) Subject: Updating component list and accordion styles X-Git-Tag: v6.4.0-rc1~46^2~77 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0ee557c6a28f73d2ea66345794c98d0327bb0b67;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Updating component list and accordion styles --- diff --git a/docs/assets/scss/_accordion-content.scss b/docs/assets/scss/_accordion-content.scss index aab6cf3f7..3d059b534 100644 --- a/docs/assets/scss/_accordion-content.scss +++ b/docs/assets/scss/_accordion-content.scss @@ -1,54 +1,58 @@ -.accordion { -// margin-top: 2rem; -} - -.accordion-content-item { - margin-bottom: 1rem; -} - -.accordion-title { - background-color: #f5f5f5; - color: #676767; - font-size: 1.25rem; - margin-bottom: 1rem; - border-bottom: 1px solid #e6e6e6; -} - -.accordion-title:hover, -.accordion-title:focus { - color: $black; - background-color: #efefef; -} - - .welcome-accordion-item { - + &.is-active { - box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15); - + // box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15); + .accordion-title { margin-bottom: 0; border-bottom: none; color: $black; + border: none; } - + .accordion-content { - margin-bottom: 1rem; - border-bottom: 1px solid #e6e6e6; + // margin-bottom: 1rem; + border: none; + border-bottom: 1px dashed #e6e6e6; } } -} + .accordion-title:hover, + .accordion-title:focus { + color: $black; + background: none; + } + + .accordion-title { + background-color: #f5f5f5; + color: #676767; + font-size: 1.25rem; + // margin-bottom: 1rem; + // border-bottom: 1px solid #e6e6e6; + background: none; + border: none; + border-bottom: 1px dashed #e6e6e6; + } + .accordion-title::before { + color: $medium-gray; + } +} +.welcome-accordion-item:last-child { + + .accordion-title{ + border-bottom: none; + } +} .accordion-content-item-divider { border-bottom: 1px dashed #e5e5e5; } .accordion-content-item-cta { - + img { margin-right: 0.5rem; } -} \ No newline at end of file +} diff --git a/docs/assets/scss/_component-list.scss b/docs/assets/scss/_component-list.scss index 17b030153..5bfb2977d 100644 --- a/docs/assets/scss/_component-list.scss +++ b/docs/assets/scss/_component-list.scss @@ -5,19 +5,33 @@ .docs-nav-category { background: none; - + .accordion-title { - border: none; - color: #383838; + border: none; + color: #444444; + font-weight: 600; + } + + .accordion-title:hover { + border: none; + color: $black; font-weight: 600; } - + + .accordion-item:last-child { + + .accordion-title{ + border-bottom: none; + } + } + .accordion-content { padding-top: 0; border: none; background: none; + padding-bottom: 0.5rem; } - + .is-active > .accordion-title::before { content: ''; } @@ -27,7 +41,6 @@ } } - .docs-nav.menu a:hover { background: none; } @@ -43,16 +56,22 @@ .docs-nav-subcategory { list-style: none; - margin-left: 0.65rem; - + margin-left: 0.85rem; + li { padding: 0.25rem 0; } - + li a { font-size: 1rem; - color: #414141; + color: #717171; line-height: 1.5; + transition: color 0.3s ease; + } + + li a:hover { + color: $black; + transition: color 0.3s ease; } } diff --git a/docs/assets/scss/_course-callout.scss b/docs/assets/scss/_course-callout.scss index a26c94314..8c0157136 100644 --- a/docs/assets/scss/_course-callout.scss +++ b/docs/assets/scss/_course-callout.scss @@ -3,7 +3,7 @@ border-top: 1px solid #cacaca; background: #F5F5F5; padding-top: 10px; - margin-top: 25px; + // margin-top: 25px; .sites-course { position: relative; @@ -14,7 +14,7 @@ bottom: -205px; animation: ad-unit-hover 8s infinite ease; } - + .sites-course-title { font-size: 30px; margin-bottom: 1rem; @@ -61,4 +61,3 @@ } } - diff --git a/docs/layout/default.html b/docs/layout/default.html index 2ef99e70f..1e96fc39a 100644 --- a/docs/layout/default.html +++ b/docs/layout/default.html @@ -48,14 +48,13 @@
- +