1
Fork 0
bauke-xyz/source/scss/components/_page-header.scss

33 lines
509 B
SCSS
Raw Normal View History

2023-01-09 15:09:00 +00:00
@use "mixins";
2021-08-26 15:52:13 +00:00
.page-header {
2022-10-25 21:51:06 +00:00
--anchor-color: #000;
--anchor-hover: #fff;
2022-10-25 21:51:06 +00:00
background: linear-gradient(to right, #5bc2e7, #b7cf81);
height: 256px;
display: flex;
gap: 8px;
flex-direction: column;
justify-content: center;
@media (max-width: mixins.$medium-breakpoint) {
height: 50vh;
.subtitle {
flex-direction: column;
}
2022-10-25 21:51:06 +00:00
}
h1 {
border-bottom: 2px dotted;
padding-left: 64px;
}
.subtitle {
display: flex;
gap: 16px;
margin-left: 64px;
}
2021-08-26 15:52:13 +00:00
}