You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
165 lines
3.0 KiB
165 lines
3.0 KiB
1 year ago
|
nav#tbm-menu-center-navigation {
|
||
|
margin-right: 5.5em;
|
||
|
}
|
||
|
.tbm {
|
||
|
background-color: $black;
|
||
|
}
|
||
|
|
||
|
.tbm-item.level-1 {
|
||
|
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
}
|
||
|
.tbm-submenu {
|
||
|
margin-top: 8px;
|
||
|
}
|
||
|
.tbm-link.level-1 {
|
||
|
color: #222;
|
||
|
//padding: 1rem 1.25rem;
|
||
|
padding: 0.5rem;
|
||
|
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
flex-flow: column;
|
||
|
color: #fefefe;
|
||
|
font-family: 'Roboto Condensed', sans-serif;
|
||
|
font-size: 0.8em;
|
||
|
padding: 0.5rem;
|
||
|
text-decoration: none;
|
||
|
span {
|
||
|
margin-bottom: 5px;
|
||
|
font-size: 1.7rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.tbm-link.level-1:hover,
|
||
|
.tbm-link.level-1:focus {
|
||
|
background-color: #e8e8e8;
|
||
|
background-color: $black;
|
||
|
}
|
||
|
|
||
|
.tbm-submenu-toggle {
|
||
|
background-color: #f5f5f5;
|
||
|
color: #222;
|
||
|
}
|
||
|
|
||
|
.tbm-submenu-toggle:hover,
|
||
|
.tbm-submenu-toggle:focus {
|
||
|
background-color: #e8e8e8;
|
||
|
}
|
||
|
|
||
|
.tbm-caption {
|
||
|
color: #444;
|
||
|
font-size: 0.75rem;
|
||
|
margin-top: 0.25rem;
|
||
|
}
|
||
|
|
||
|
.tbm-submenu {
|
||
|
background-color: #fff;
|
||
|
border-radius: 0;
|
||
|
border-top-width: 0;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||
|
padding: 1rem;
|
||
|
}
|
||
|
|
||
|
.tbm-submenu .tbm-submenu {
|
||
|
border-top-width: 1px;
|
||
|
}
|
||
|
|
||
|
.tbm-item--has-flyout .tbm-submenu-toggle:hover,
|
||
|
.tbm-item--has-flyout .tbm-submenu-toggle:focus {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.tbm-item--has-flyout .tbm-submenu-toggle:hover:before,
|
||
|
.tbm-item--has-flyout .tbm-submenu-toggle:focus:before {
|
||
|
border-left-color: #1197f0;
|
||
|
}
|
||
|
|
||
|
.tbm-subnav > .tbm-item:first-child > .tbm-link-container > .tbm-link {
|
||
|
border-top: 0;
|
||
|
}
|
||
|
|
||
|
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link {
|
||
|
color: #222;
|
||
|
display: block;
|
||
|
padding: 0.5rem 0;
|
||
|
}
|
||
|
|
||
|
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:hover,
|
||
|
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:focus {
|
||
|
color: #1197f0;
|
||
|
}
|
||
|
|
||
|
.tbm-button {
|
||
|
-webkit-appearance: none;
|
||
|
-moz-appearance: none;
|
||
|
appearance: none;
|
||
|
background-color: #f5f5f5;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
}
|
||
|
|
||
|
.tbm-group-container {
|
||
|
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
}
|
||
|
|
||
|
.tbm-group-title {
|
||
|
font-weight: bold;
|
||
|
text-transform: uppercase;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-item {
|
||
|
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-item.level-1.open > .tbm-toggle {
|
||
|
background-color: #000;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-collapse {
|
||
|
background: #fff;
|
||
|
padding-top: 1rem;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-nav {
|
||
|
background: #f5f5f5;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-submenu {
|
||
|
box-shadow: none;
|
||
|
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-submenu .tbm-link {
|
||
|
padding: 1rem 1.25rem;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-submenu .tbm-submenu-toggle {
|
||
|
background-color: #fff;
|
||
|
color: currentColor;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-submenu-toggle {
|
||
|
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
border-right: 0;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-subnav .tbm-item:first-child {
|
||
|
border-top: 0;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-subnav .tbm-subnav {
|
||
|
margin-left: 1rem;
|
||
|
}
|
||
|
|
||
|
.tbm.tbm--mobile .tbm-block {
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 1.25rem;
|
||
|
}
|
||
|
|
||
|
/*# sourceMappingURL=styles.css.map*/
|