hugo-theme-hello-friend/assets/css/header.scss

40 lines
620 B
SCSS
Raw Normal View History

2018-07-20 19:14:22 +02:00
.header {
2020-06-20 00:07:59 +02:00
background: var(--header);
2018-07-20 19:14:22 +02:00
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 20px;
&__right {
display: flex;
flex-direction: row;
align-items: center;
2022-10-23 11:16:46 +02:00
@media ($phone) {
2018-07-20 19:14:22 +02:00
flex-direction: row-reverse;
}
}
&__inner {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
width: 760px;
max-width: 100%;
}
}
.theme-toggle {
2019-01-06 11:23:25 +01:00
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
cursor: pointer;
}
2019-01-06 11:23:25 +01:00
.theme-toggler {
fill: currentColor;
}