SelfPrivacy/selfprivacy.org
1
0
Fork 0
mirror of https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git synced 2025-01-15 21:36:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: use sass nesting

Browse source
This commit is contained in:
nevfy 2024-02-04 23:09:40 +04:00
parent 9077451d1e
commit 7e257894f2
2 changed files with 80 additions and 110 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

92
assets/scss/_styles_project.scss
View file

@ -1,72 +1,5 @@
@import "docsy_overrides"; @import "docsy_overrides";
.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;
}
.nav-item {
margin-right: .5rem !important;
}
.dropdown-menu {
right: 0;
left: unset;
padding: 0px;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
}
.dropdown-item {
padding: 0.5rem 1.5rem;
border-radius: 0.25rem;
}
.td-sidebar-nav .td-sidebar-link__page,
ul.ul-2>.td-sidebar-nav__section-title a {
color: #616161 !important;
font-weight: 400;
}
ul.ul-2>.td-sidebar-nav__section-title a:hover {
color: $blue !important;
}
li:has(input[type="checkbox"]) {
list-style-type: none;
}
.td-toc ul {
margin-top: 1rem;
}
.td-toc li {
display: block;
padding-bottom: .5rem;
}
.td-toc a{
display: inline !important;
}
@media (min-width: 768px) {
.td-sidebar {
padding-top: 5rem;
}
.td-404 main, .td-main main {
padding-top: 6.5rem;
}
.td-sidebar-toc {
padding-top: 2.75rem;
}
}
.rounded-img { .rounded-img {
border-radius: 1rem; border-radius: 1rem;
} }
@ -84,10 +17,6 @@ li:has(input[type="checkbox"]) {
padding-top: 0.8rem; padding-top: 0.8rem;
} }
.btn {
font-weight: 600;
}
.sp-feature-title { .sp-feature-title {
font-weight: 600; font-weight: 600;
} }
@ -97,23 +26,26 @@ li:has(input[type="checkbox"]) {
font-weight: 600; font-weight: 600;
padding: 0.3rem 0; padding: 0.3rem 0;
color: $navbar-dark-color; color: $navbar-dark-color;
&:hover { &:hover {
color: $navbar-dark-hover-color; color: $navbar-dark-hover-color;
} }
&:active { &:active {
color: $navbar-dark-active-color; color: $navbar-dark-active-color;
} }
&:disabled { &:disabled {
color: $navbar-dark-disabled-color; color: $navbar-dark-disabled-color;
} }
span {
width: 2rem;
display: inline-flex;
align-items: center;
border-radius: .1rem;
padding: .5rem;
}
}
span i {
margin: auto;
} }
}
.text-secondary {
font-weight: 600;
} }
.sp-service-icon { .sp-service-icon {
@ -135,10 +67,6 @@ li:has(input[type="checkbox"]) {
margin-top: 6rem; margin-top: 6rem;
} }
.tab-content .tab-pane {
max-width: 100% !important;
}
.sp-supperted-by-img { .sp-supperted-by-img {
max-height: 5rem; max-height: 5rem;
margin: 1rem; margin: 1rem;

78
assets/scss/docsy_overrides.scss
View file

@ -39,36 +39,78 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover {
color: $blue !important; color: $blue !important;
} }
.td-toc ul { .td-toc {
ul {
margin-top: 1rem; margin-top: 1rem;
} }
li {
.td-toc li {
display: block; display: block;
padding-bottom: .5rem; padding-bottom: .5rem;
} }
a {
.td-toc a{
display: inline !important; display: inline !important;
} }
}
.tab-content .tab-pane { .tab-content {
.tab-pane {
border: 1px solid rgba(0, 0, 0, 0.125) !important; border: 1px solid rgba(0, 0, 0, 0.125) !important;
border-radius: 0px .25rem .25rem .25rem; border-radius: 0px .25rem .25rem .25rem;
} }
ul li, ol li {
.nav-tabs {
border: none !important;
}
.nav-tabs a:not(.active).nav-link:hover {
background-color: #0d6efd11;
}
.td-content ul li, .td-content ol li {
margin-bottom: unset !important; margin-bottom: unset !important;
} }
div {
.tab-content div {
transition: none; transition: none;
} }
.tab-pane {
max-width: 100% !important;
}
}
.nav-tabs {
border: none !important;
a:not(.active).nav-link:hover {
background-color: #0d6efd11;
}
}
.nav-item {
margin-right: .5rem !important;
}
.dropdown-menu {
right: 0;
left: unset;
padding: 0px;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
}
.dropdown-item {
padding: 0.5rem 1.5rem;
border-radius: 0.25rem;
}
li:has(input[type="checkbox"]) {
list-style-type: none;
}
.btn {
font-weight: 600;
}
.text-secondary {
font-weight: 600;
}
@media (min-width: 768px) {
.td-sidebar {
padding-top: 5rem;
}
.td-404 main, .td-main main {
padding-top: 6.5rem;
}
.td-sidebar-toc {
padding-top: 2.75rem;
}
}