fix: use sass nesting

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

View file

@ -1,72 +1,5 @@
@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 {
border-radius: 1rem;
}
@ -84,10 +17,6 @@ li:has(input[type="checkbox"]) {
padding-top: 0.8rem;
}
.btn {
font-weight: 600;
}
.sp-feature-title {
font-weight: 600;
}
@ -97,23 +26,26 @@ li:has(input[type="checkbox"]) {
font-weight: 600;
padding: 0.3rem 0;
color: $navbar-dark-color;
&:hover {
color: $navbar-dark-hover-color;
}
&:active {
color: $navbar-dark-active-color;
}
&:disabled {
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 {
@ -135,10 +67,6 @@ li:has(input[type="checkbox"]) {
margin-top: 6rem;
}
.tab-content .tab-pane {
max-width: 100% !important;
}
.sp-supperted-by-img {
max-height: 5rem;
margin: 1rem;

View file

@ -39,36 +39,78 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover {
color: $blue !important;
}
.td-toc ul {
margin-top: 1rem;
}
.td-toc li {
display: block;
padding-bottom: .5rem;
}
.td-toc a{
display: inline !important;
}
.td-toc {
ul {
margin-top: 1rem;
}
li {
display: block;
padding-bottom: .5rem;
}
a {
display: inline !important;
}
}
.tab-content .tab-pane {
border: 1px solid rgba(0, 0, 0, 0.125) !important;
border-radius: 0px .25rem .25rem .25rem;
}
.nav-tabs {
.tab-content {
.tab-pane {
border: 1px solid rgba(0, 0, 0, 0.125) !important;
border-radius: 0px .25rem .25rem .25rem;
}
ul li, ol li {
margin-bottom: unset !important;
}
div {
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;
}
.nav-tabs a:not(.active).nav-link:hover {
background-color: #0d6efd11;
}
.dropdown-menu {
right: 0;
left: unset;
padding: 0px;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
}
.td-content ul li, .td-content ol li {
margin-bottom: unset !important;
}
.dropdown-item {
padding: 0.5rem 1.5rem;
border-radius: 0.25rem;
}
.tab-content div {
transition: none;
}
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;
}
}