website/assets/scss/partials/moreposts.scss

57 lines
1.1 KiB
SCSS
Raw Normal View History

.moreposts {
2022-12-24 14:59:52 +01:00
hyphens: auto;
margin-top: 4em;
2023-05-17 13:54:02 +02:00
.more{
font-size: .75em;
font-weight: normal;
hyphens: none;
2023-05-17 13:54:02 +02:00
&::after {
content: "\27F6";
margin-left: .25em;
transition: margin .5s;
}
2023-05-17 13:54:02 +02:00
&:hover::after {
margin-left: .5em !important;
}
}
2023-05-17 13:54:02 +02:00
&:hover .more::after {
margin-left: .35em;
}
2023-05-17 13:54:02 +02:00
.moreposts-wrapper {
2022-12-24 14:59:52 +01:00
border-radius: .5em;
display: flex;
flex-direction: row;
gap: 1em;
overflow-x: scroll;
scroll-snap-type: x proximity;
2023-05-17 13:54:02 +02:00
2022-12-24 14:59:52 +01:00
.post-group {
2023-03-09 17:02:06 +01:00
color: var(--vriish-gradient-text);
2022-12-24 14:59:52 +01:00
background: var(--vriish-gradient);
border-radius: .5em;
display: flex;
flex-direction: column;
scroll-snap-align: start;
min-width: 15em;
width: 33.333%;
2023-05-17 13:54:02 +02:00
2022-12-24 14:59:52 +01:00
.title {
flex: auto;
margin: 1em;
}
2023-05-17 13:54:02 +02:00
2022-12-24 14:59:52 +01:00
aside {
margin: 1em;
}
}
}
2023-05-17 13:54:02 +02:00
2022-12-24 14:59:52 +01:00
a {
text-decoration: none;
}
}