diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 0ca446c..4d419b0 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -7,11 +7,16 @@ .nav-link { color: $secondary !important; font-weight: 600; + border-radius: 5px; } - .nav-link:hover, .nav-link.active{ + .nav-link:hover { + background-color: #61616144; + transition: background-color 0.2s ease-in-out; + } + + .nav-link.active{ background-color: #616161; color: white; - border-radius: 5px; } } @@ -28,6 +33,18 @@ padding: .5rem 1.5rem; } +.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; @@ -60,21 +77,59 @@ border-radius: 0.25rem; } +.td-sidebar-nav-active-item { + color: $primary !important; + font-weight: 600; +} + .td-sidebar-nav .td-sidebar-link__page, ul.ul-2>.td-sidebar-nav__section-title a { color: #616161 !important; font-weight: 400; + padding: .3rem .8rem !important; + border-radius: .3rem; + margin: .1rem !important; +} + +.td-sidebar-link.td-sidebar-link__section { + border-radius: .3rem; + padding: .3rem .8rem !important; + margin: .1rem !important; +} + +.td-sidebar-link.td-sidebar-link__section:hover { + color: $primary !important; + background-color: #7EB07F11; + transition: background-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; +} + +.td-sidebar-nav a.active { + color: $primary !important; + background-color: #7EB07F22; +} + +ul.ul-2 { + padding: 0; } ul.ul-2>.td-sidebar-nav__section-title a:hover { - color: $blue !important; + 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; } li:has(input[type="checkbox"]) { list-style-type: none; } - .td-toc ul { +.td-toc ul { margin-top: 1rem; }