diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index a857511..2c7602d 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -1,5 +1,29 @@ @import "docsy_overrides"; +.sp-footer h2, +.sp-footer h3, +.sp-footer a.nav-link { + padding: 0.3rem 1rem !important; +} + +.sp-footer a.nav-link:hover { + background-color: #61616144; + transition: background-color 0.2s ease-in-out; + border-radius: .3rem; +} + +.sp-footer a.nav-link span { + width: 2rem; + display: inline-flex; + align-items: center; + border-radius: .1rem; + padding: .5rem; +} + +.sp-footer span i { + margin: auto; +} + .rounded-img { border-radius: 1rem; } @@ -57,7 +81,7 @@ } .sp-service-card { - background: #FFFFFF; + background: white; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); border-radius: 10px; border: none; @@ -80,7 +104,7 @@ } .sp-supported-by-card { - background: #FFFFFF; + background: white; box-shadow: $shadow; border-radius: 10px; border: none; @@ -94,11 +118,11 @@ body { a.nav-link.sp-coming-soon { pointer-events: none; cursor: default; - color: #616161; + color: $gray; &::after { content: "Coming soon!"; display: inline-block; - background-color: #616161; + background-color: $gray; color: $dark; margin-left: .5rem; padding: .1rem .5rem; diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss index 6439f98..5051973 100644 --- a/assets/scss/docsy_overrides.scss +++ b/assets/scss/docsy_overrides.scss @@ -7,9 +7,13 @@ .nav-link { color: $secondary !important; font-weight: 600; - &:hover, &.nav-link.active{ - background-color: $gray; - border-radius: 5px; + border-radius: 5px; + &:hover { + background-color: #61616144; + transition: background-color 0.2s ease-in-out; + } + &.nav-link.active { + background-color: #616161; } } .td-navbar-nav-scroll { @@ -37,6 +41,50 @@ ul.ul-2>.td-sidebar-nav__section-title a { } } +ul.ul-2 { + padding: 0; + &>.td-sidebar-nav__section-title a:hover { + color: $primary !important; + background-color: #7EB07F11; + transition: background-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + } +} + +ul.ul-0 li a.tree-root, +h5.taxonomy-title { + display: none !important; +} + +.nav-item { + margin-right: .5rem !important; + } + +.td-sidebar-nav-active-item { + color: $primary !important; + font-weight: 600; +} + +.td-sidebar-nav a.active { + color: $primary !important; + background-color: #7EB07F22; +} + +.td-sidebar-link { +&.td-sidebar-link__section, &.td-sidebar-link__page { + border-radius: .3rem; + padding: .3rem .8rem !important; + margin: .1rem !important; + + &:hover { + color: $primary !important; + background-color: #7EB07F11; + transition: background-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + } +} +} + .td-toc { ul { margin-top: 1rem; diff --git a/config.toml b/config.toml index c8b1422..50ef071 100644 --- a/config.toml +++ b/config.toml @@ -16,22 +16,6 @@ enableGitInfo = true # Comment out to enable taxonomies in Docsy # disableKinds = ["taxonomy", "taxonomyTerm"] -# You can add your own taxonomies -[taxonomies] -tag = "tags" -category = "categories" - -[params.taxonomy] -# set taxonomyCloud = [] to hide taxonomy clouds -taxonomyCloud = ["tags", "categories"] - -# If used, must have same length as taxonomyCloud -taxonomyCloudTitle = ["Tag Cloud", "Categories"] - -# set taxonomyPageHeader = [] to hide taxonomies on the page headers -taxonomyPageHeader = ["tags", "categories"] - - # Highlighting config pygmentsCodeFences = true pygmentsUseClasses = false diff --git a/content/en/_index.html b/content/en/_index.html index f13cc2a..c88d2ed 100644 --- a/content/en/_index.html +++ b/content/en/_index.html @@ -10,11 +10,13 @@ linkTitle = "SelfPrivacy"