umami/components/layout/Header.module.css

50 lines
637 B
CSS
Raw Normal View History

2020-08-05 07:45:05 +02:00
.header {
display: flex;
2020-08-18 01:46:13 +02:00
min-height: 100px;
2020-08-05 07:45:05 +02:00
}
.title {
2020-08-06 04:04:02 +02:00
font-size: var(--font-size-large);
2020-08-05 07:45:05 +02:00
}
2020-08-18 01:46:13 +02:00
.logo {
margin-right: 12px;
}
2020-08-05 07:45:05 +02:00
.nav {
display: flex;
justify-content: center;
2020-08-05 07:45:05 +02:00
align-items: center;
font-size: var(--font-size-normal);
font-weight: 600;
2020-08-05 07:45:05 +02:00
}
.nav > * {
margin-left: 30px;
}
.nav > *:first-child {
margin: 0;
2020-08-05 07:45:05 +02:00
}
2020-08-07 07:03:02 +02:00
.buttons {
display: flex;
justify-content: flex-end;
}
@media only screen and (max-width: 992px) {
2020-08-18 01:46:13 +02:00
.title {
text-align: center;
}
.nav {
font-size: var(--font-size-large);
justify-content: center;
padding: 20px 0;
}
.buttons {
justify-content: center;
}
2020-08-07 07:03:02 +02:00
}