Bootstrap 5 – Как изолировать и редактировать шрифт панели навигации ⇐ CSS

[Anonymous]

У меня возникла проблема: я пытаюсь изолировать шрифт, используемый в навигационной панели Bootstrap 5, чтобы я мог редактировать используемый шрифт, а также его цвет, размер шрифта и т. д.
Codepen: https://codepen.io/R-P-P/pen/zxOdyJb?editors=1100


.nav-link {
padding: 10px 8px 12px 8px !important;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
}



Isolate Nav Font


[*]

• Home

• Link
• Link

Я пробовал создавать новые классы и редактировать то, что, по моему мнению, было классом начальной загрузки. однако, не повезло. Вот один из классов, которые я пытался редактировать.
CSS
.navbar-dark,
.navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... v-bar-font