Use shaded tabs

This commit is contained in:
jeremystretch
2021-07-21 09:24:43 -04:00
parent ebe7779f40
commit d42138384f
21 changed files with 226 additions and 190 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -879,3 +879,15 @@ div.card > div.card-header > div.table-controls {
font-size: $font-size-sm;
}
}
// Tabbed content
.nav-tabs {
.nav-link.active {
background-color: $tab-content-bg;
border-bottom-color: $tab-content-bg;
}
}
.tab-content {
background-color: $tab-content-bg;
padding: $spacer;
}

View File

@@ -271,3 +271,6 @@ $code-color: $gray-200;
$kbd-color: $white;
$kbd-bg: $gray-300;
$pre-color: null;
// Tabbed content
$tab-content-bg: $gray-900;

View File

@@ -25,3 +25,6 @@ $list-group-color: $gray-700;
$list-group-disabled-color: $gray-500;
$table-flush-header-bg: $gray-100;
// Tabbed content
$tab-content-bg: $gray-100;