CoastalCommitsPastes/client/components/post-page/post-page.module.css

52 lines
762 B
CSS
Raw Normal View History

.header .title {
2022-03-24 22:32:24 -04:00
display: flex;
flex-direction: row;
2022-03-24 22:32:24 -04:00
justify-content: space-between;
align-items: center;
margin-bottom: var(--gap);
2022-03-20 23:45:37 -04:00
}
.header .title .badges {
2022-03-24 22:32:24 -04:00
display: flex;
gap: var(--gap-half);
}
.header .title h3 {
margin: 0;
padding: 0;
display: inline-block;
2022-03-24 22:32:24 -04:00
}
2022-03-25 16:01:46 -04:00
.header .buttons {
display: flex;
justify-content: flex-end;
2022-03-25 16:01:46 -04:00
}
@media screen and (max-width: 900px) {
2022-03-24 22:32:24 -04:00
.header {
flex-direction: column;
gap: var(--gap);
2022-03-24 22:32:24 -04:00
}
2022-03-25 16:01:46 -04:00
}
2022-03-24 22:32:24 -04:00
2022-03-25 16:01:46 -04:00
@media screen and (max-width: 700px) {
.header .title {
2022-03-24 22:32:24 -04:00
flex-direction: column;
gap: var(--gap-half);
}
.header .title .badges {
flex-direction: column;
align-items: center;
2022-03-24 22:32:24 -04:00
}
2022-03-20 23:45:37 -04:00
2022-03-25 16:01:46 -04:00
.header .title .badges > * {
width: min-content;
2022-03-25 16:01:46 -04:00
}
.header .buttons {
2022-03-24 22:32:24 -04:00
display: flex;
justify-content: center;
2022-03-24 22:32:24 -04:00
}
2022-03-20 23:45:37 -04:00
}