E.Noorlander/CodePress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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:
E.Noorlander
2026-08-10 16:17:17 +02:00
parent f70506616b
commit 884c0141c6
3 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/default/assets/css/theme.css
+4
View File
@@ -211,8 +211,12 @@
} }
} }
.nav-tabs { .nav-tabs {
--bs-nav-tabs-border-radius: 0;
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: transparent;
background-color: transparent !important; background-color: transparent !important;
border: none !important; border: none !important;
border-radius: 0 !important;
} }
.nav-tabs .nav-link { .nav-tabs .nav-link {
background-color: transparent !important; background-color: transparent !important;
themes/default/assets/css_compiled/theme.css
+4
View File
@@ -211,8 +211,12 @@
} }
} }
.nav-tabs { .nav-tabs {
--bs-nav-tabs-border-radius: 0;
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: transparent;
background-color: transparent !important; background-color: transparent !important;
border: none !important; border: none !important;
border-radius: 0 !important;
} }
.nav-tabs .nav-link { .nav-tabs .nav-link {
background-color: transparent !important; background-color: transparent !important;
themes/default/assets/scss/theme.scss
+4
View File
@@ -278,8 +278,12 @@ $header-bg-opacity: 1;
// Remove nav-tabs background so it inherits from parent // Remove nav-tabs background so it inherits from parent
.nav-tabs { .nav-tabs {
--bs-nav-tabs-border-radius: 0;
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-color: transparent;
background-color: transparent !important; background-color: transparent !important;
border: none !important; border: none !important;
border-radius: 0 !important;
.nav-link { .nav-link {
background-color: transparent !important; background-color: transparent !important;