Sha256: ad99ddfc30745240582091b9462060ff503d1ea2e3a8bd5b56239906a01e77d3
Contents?: true
Size: 1.39 KB
Versions: 13
Compression:
Stored size: 1.39 KB
Contents
// Overrides AND additions/extensions to Bootstrap 4's styling
.nav-tabs {
border-bottom: 1px solid $grey-5;
}
.nav-tabs .nav-link {
background-color: $grey-4;
border-left-color: $grey-2;
border-left-style: solid;
border-left-width: 1px;
border-right-color: $grey-2;
border-right-style: solid;
border-right-width: 1px;
border-top-color: $grey-2;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: $grey-5;
}
.nav-tabs .nav-link.active {
border-color: $grey-5 $grey-5 $white;
}
.navbar-brand {
margin-right: 0;
}
@media screen and (min-width: 768px) {
.navbar-brand {
margin-right: 1rem;
}
}
.btn {
vertical-align: baseline; // Needed so Google Translate's injected <font> tags don't mess with font's alignment in the page
}
.modal-open .gsc-search-button {
margin-right: 15px;
}
// Modify the Bootstrap 4 dropdown menu's carot to give it an animated/interactice effect using pure CSS
// ======================================
// .dropdown-toggle::after controls the BS4 dropdown-menu carot symbol's display
.dropdown-toggle::after { // Set starting position & transition Fx
transform: rotate(0deg);
transition: transform 0.3s ease-in-out;
}
.nav-item.dropdown.show .dropdown-toggle::after { // Selectors that are only present when a dropdown is toggled to the open state.
transform: rotate(-180deg);
}
// End BS4 dropdown-menu carot modifications.
Version data entries
13 entries across 13 versions & 1 rubygems