Segoe UI doesn't have font-weight: 500 making things not looking as expected.
padding: .125rem 1rem !important;
margin-top: 0 !important;
font-size: .875rem !important;
- font-weight: 500 !important;
+ font-weight: 600 !important;
color: $bd-purple-bright !important;
border-bottom: 0 !important;
}
// Custom buttons for the docs.
.btn-bd-primary {
- font-weight: 500;
+ font-weight: 600;
color: $bd-purple-bright;
border-color: $bd-purple-bright;
}
.btn-bd-download {
- font-weight: 500;
+ font-weight: 600;
color: $bd-download;
border-color: $bd-download;
background-color: #f7f7f7;
a {
- font-weight: 500;
+ font-weight: 600;
color: $gray-700;
&:hover,
width: 100%;
padding: .8rem 2rem;
font-size: 1.25rem;
- font-weight: 500;
+ font-weight: 600;
}
.carbonad {
}
&.active {
- font-weight: 500;
+ font-weight: 600;
}
}
}
}
.dropdown-item.active {
- font-weight: 500;
+ font-weight: 600;
color: $gray-900;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
.bd-toc-link {
display: block;
padding: .25rem 1.5rem;
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, .65);
&:hover {
.bd-sidebar .nav > .active > a,
.bd-sidebar .nav > .active:hover > a {
- font-weight: 500;
+ font-weight: 600;
color: rgba(0, 0, 0, .85);
background-color: transparent;
}