Override Bootstrap nav-tabs CSS variables: border-radius, border-width, border-color

- Set --bs-nav-tabs-border-radius: 0
- Set --bs-nav-tabs-border-width: 0
- Set --bs-nav-tabs-border-color: transparent
- Add border-radius: 0 !important on .nav-tabs
This commit is contained in:
2026-08-10 16:17:17 +02:00
parent d84a2989d4
commit 8a0637eddc
3 changed files with 12 additions and 0 deletions
+4
View File
@@ -211,8 +211,12 @@
}
}
.nav-tabs {
--bs-nav-tabs-border-radius: 0;
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: transparent;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.nav-tabs .nav-link {
background-color: transparent !important;
@@ -211,8 +211,12 @@
}
}
.nav-tabs {
--bs-nav-tabs-border-radius: 0;
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: transparent;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
}
.nav-tabs .nav-link {
background-color: transparent !important;
+4
View File
@@ -278,8 +278,12 @@ $header-bg-opacity: 1;
// Remove nav-tabs background so it inherits from parent
.nav-tabs {
--bs-nav-tabs-border-radius: 0;
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: transparent;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
.nav-link {
background-color: transparent !important;