137 lines
3.4 KiB
CSS
137 lines
3.4 KiB
CSS
[data-skin-page] {
|
|
overflow-x: clip !important;
|
|
}
|
|
|
|
[data-skin-page] :where(
|
|
.master-container,
|
|
main,
|
|
.site-nav,
|
|
.site-nav__top,
|
|
.site-nav__brand,
|
|
.site-nav__search,
|
|
.site-nav__account,
|
|
.site-nav__links,
|
|
.split-layout,
|
|
.split-layout__pane,
|
|
.profile__identity,
|
|
.profile__about,
|
|
.profile__photo,
|
|
.profile-card,
|
|
.panel,
|
|
.page-frame
|
|
) {
|
|
max-inline-size: 100% !important;
|
|
min-inline-size: 0 !important;
|
|
}
|
|
|
|
[data-skin-page] :where(.site-nav, .site-nav__top, .site-nav__links) {
|
|
overflow-wrap: anywhere !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__top {
|
|
display: grid !important;
|
|
}
|
|
|
|
[data-skin-page] .brand-link,
|
|
[data-skin-page] .brand-link__copy {
|
|
max-inline-size: 100% !important;
|
|
min-inline-size: 0 !important;
|
|
}
|
|
|
|
[data-skin-page] .brand-link__name,
|
|
[data-skin-page] .brand-link__tagline {
|
|
overflow-wrap: anywhere !important;
|
|
white-space: normal !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__account .inline-links {
|
|
align-items: center !important;
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
justify-content: flex-end !important;
|
|
max-inline-size: 100% !important;
|
|
min-inline-size: 0 !important;
|
|
row-gap: var(--space-2) !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__account .inline-links__item {
|
|
display: inline-flex !important;
|
|
max-inline-size: 100% !important;
|
|
min-inline-size: 0 !important;
|
|
white-space: normal !important;
|
|
}
|
|
|
|
[data-skin-page] :where(.site-nav__account, .site-nav__links) a {
|
|
max-inline-size: 100% !important;
|
|
min-inline-size: 0 !important;
|
|
overflow-wrap: anywhere !important;
|
|
white-space: normal !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__search form {
|
|
display: grid !important;
|
|
grid-template-columns: minmax(0, 1fr) auto !important;
|
|
inline-size: min(100%, calc(var(--nav-search-width) + 8rem)) !important;
|
|
max-inline-size: 100% !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__search input {
|
|
inline-size: 100% !important;
|
|
min-inline-size: 0 !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__search button {
|
|
min-inline-size: 0 !important;
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__links {
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
justify-content: center !important;
|
|
min-inline-size: 0 !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__links li {
|
|
max-inline-size: 100% !important;
|
|
min-inline-size: 0 !important;
|
|
}
|
|
|
|
@media (max-width: 48em) {
|
|
[data-skin-page] .site-nav__top {
|
|
grid-template-areas:
|
|
"brand"
|
|
"account"
|
|
"search" !important;
|
|
grid-template-columns: minmax(0, 1fr) !important;
|
|
justify-items: center !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__brand,
|
|
[data-skin-page] .site-nav__account {
|
|
justify-content: center !important;
|
|
justify-self: center !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__account .inline-links {
|
|
column-gap: var(--space-4) !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__account .inline-links__item + .inline-links__item::before,
|
|
[data-skin-page] .site-nav__links li + li::before {
|
|
content: none !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__links {
|
|
gap: var(--space-2) var(--space-4) !important;
|
|
overflow-x: clip !important;
|
|
padding-inline: calc(var(--space-5) + env(safe-area-inset-left, 0px)) calc(var(--space-5) + env(safe-area-inset-right, 0px)) !important;
|
|
}
|
|
|
|
[data-skin-page] .site-nav__links a {
|
|
min-block-size: var(--nav-link-min-height) !important;
|
|
}
|
|
}
|