_header.scss 627 B

123456789101112131415161718192021222324252627
  1. .wp-site-blocks .site-header {
  2. // Needed until Gutenberg offers responsive design options
  3. // TODO: Ref to responsive design options issue
  4. @include break-small-only(){
  5. .site-brand {
  6. display: contents;
  7. }
  8. .wp-block-site-logo {
  9. flex-basis: 100%;
  10. margin-bottom: calc( 2 * var(--wp--custom--gap--vertical));
  11. margin-top: var(--wp--custom--gap--vertical);
  12. text-align: center;
  13. }
  14. }
  15. }
  16. // Needed until Gutenberg offers responsive design options
  17. // Used by 'header-linear' template part
  18. .wp-site-blocks .site-header-linear {
  19. @include break-small-only(){
  20. .site-words-stack-small {
  21. display:block;
  22. }
  23. }
  24. }