
| Current Path : /var/www/html1/bbp/web/core/themes/olivero/css/components/navigation/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html1/bbp/web/core/themes/olivero/css/components/navigation/nav-button-wide.css |
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* @file
* Nav Button Wide.
*/
.nav-primary__button {
display: none
}
@media (min-width: 75rem) {
.nav-primary__button {
display: flex;
visibility: hidden;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 5.625rem;
height: 6.75rem;
cursor: pointer;
pointer-events: auto;
border: 0;
outline: 0;
background-color: #2494db
}
.nav-primary__button:focus {
border: solid 1px transparent; /* Will show in IE/Edge high contrast mode. */
}
}
@media (min-width: 75rem) {
body:not(.is-always-mobile-nav) .js-fixed .nav-primary__button {
visibility: visible
}
}
@media (min-width: 75rem) {
body.is-always-mobile-nav .nav-primary__button {
visibility: hidden
}
}
.nav-primary__icon {
position: relative;
width: 2.25rem;
height: 1.3125rem;
transition: opacity 0.2s;
pointer-events: none;
opacity: 0;
transform-style: preserve-3d
}
.nav-primary__icon > span {
display: block;
height: 0;
/* Intentionally not using CSS logical properties. */
border-top: solid 3px #fff
}
[dir="ltr"] .nav-primary__icon > span:nth-child(1) {
left: 0
}
[dir="rtl"] .nav-primary__icon > span:nth-child(1) {
right: 0
}
.nav-primary__icon > span:nth-child(1) {
position: absolute;
top: 0;
width: 100%;
height: 0;
transition: transform 0.2s;
background-color: #fff;
}
[dir="ltr"] .nav-primary__icon > span:nth-child(2) {
left: 0
}
[dir="rtl"] .nav-primary__icon > span:nth-child(2) {
right: 0
}
.nav-primary__icon > span:nth-child(2) {
position: absolute;
top: 0.5625rem;
width: 100%;
height: 0;
transition: opacity 0.2s;
background-color: #fff;
}
[dir="ltr"] .nav-primary__icon > span:nth-child(3) {
left: 0
}
[dir="rtl"] .nav-primary__icon > span:nth-child(3) {
right: 0
}
.nav-primary__icon > span:nth-child(3) {
position: absolute;
top: auto;
bottom: 0;
width: 100%;
height: 0;
transition: transform 0.2s;
background-color: #fff;
}
.js-fixed .nav-primary__icon {
opacity: 1;
}
[aria-expanded="true"] .nav-primary__icon > span:nth-child(1) {
top: 0.5625rem;
transform: rotate(-45deg);
}
[aria-expanded="true"] .nav-primary__icon > span:nth-child(2) {
opacity: 0;
}
[aria-expanded="true"] .nav-primary__icon > span:nth-child(3) {
top: 0.5625rem;
transform: rotate(45deg);
}