Файловый менеджер - Редактировать - /home/beautybuzzbeyond/public_html/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss
Назад
// Site header .site-header { @extend %responsive-alignwide-width; display: flex; align-items: flex-start; flex-wrap: wrap; row-gap: var(--global--spacing-vertical); // Add space in case the menu wraps below the site branding. .wp-custom-logo & { align-items: center; } @include media(mobile) { padding-top: calc(var(--global--spacing-vertical) / 0.75); // 40px } @include media(desktop) { padding-top: calc(2.4 * var(--global--spacing-vertical)); // 60px } } // Site branding .site-branding { color: var(--branding--color-text); margin-right: 140px; &:last-child { margin-right: 0; width: 100%; text-align: center; } @include media(mobile) { margin-right: initial; margin-top: calc(var(--primary-nav--padding) - 0.3em); // Align the baseline of the site title with the primary menu } } // Site title .site-title { color: var(--branding--color-link); font-family: var(--branding--title--font-family); font-size: var(--branding--title--font-size-mobile); letter-spacing: normal; text-transform: var(--branding--title--text-transform); line-height: var(--global--line-height-heading); margin-bottom: calc(var(--global--spacing-vertical) / 6); a { color: currentColor; font-weight: var(--branding--title--font-weight); &:link, &:visited, &:active { color: currentColor; } &:hover, &:focus { color: var(--branding--color-link-hover); } } @include media(mobile) { font-size: var(--branding--title--font-size); } } // Site description .site-description { color: currentColor; font-family: var(--branding--description--font-family); font-size: var(--branding--description--font-size); line-height: 1.4; } .site-title > a { text-decoration-color: var(--global--color-secondary); } // Site logo .site-logo { margin: calc(var(--global--spacing-vertical) / 2) 0; .site-header > & { width: 100%; padding-bottom: calc(var(--global--spacing-vertical) * 1.5); border-bottom: 1px solid; text-align: center; } .custom-logo { margin-left: auto; margin-right: auto; max-width: var(--branding--logo--max-width-mobile); max-height: var(--branding--logo--max-height-mobile); height: auto; display: inline-block; width: auto; } @include media(mobile) { .custom-logo { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); height: auto; width: auto; } } } @include media(mobile-only) { .site-header { &.has-logo { &:not(.has-title-and-tagline) { &.has-menu { .site-logo { position: absolute; padding-top: calc(0.5 * var(--global--spacing-vertical)); margin-top: 0; top: var(--global--admin-bar--height); .primary-navigation-open & { display: none; } img { max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em); } } } } &.has-title-and-tagline { align-items: flex-start; &.has-menu { justify-content: space-between; .site-branding { max-width: calc(100% - 160px); } } .site-branding { margin-right: 0; } body:not(.primary-navigation-open) & { &:after { display: none; } .primary-navigation { position: relative; top: 0; } .menu-button-container { position: relative; padding-top: 0; margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit))); #primary-mobile-menu { // The 4.5px here is to offset the icon size horizontally // (the icon's width is larger than the path's width and has extra space on the sides). padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); } } } } } &:not(.has-logo) { &.has-title-and-tagline { .site-branding { margin-right: 0; max-width: calc(100% - 160px); } } } &:not(.has-menu) { justify-content: center; } } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка