.header { background: $light-navbar; display: flex; align-items: center; justify-content: center; position: relative; padding: 20px; .dark-theme & { background: $dark-navbar; } &__right { display: flex; flex-direction: row; align-items: center; @media #{$media-size-phone} { flex-direction: row-reverse; } } &__inner { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; width: 760px; max-width: 100%; a { text-decoration: none; } } } .theme-toggle { display: flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer; } .theme-toggler { fill: currentColor; } .unselectable { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }