turn verticalposts shortcode into partial
This commit is contained in:
parent
e115ebd7ca
commit
df671adc3a
10 changed files with 68 additions and 64 deletions
48
assets/scss/partials/moreposts.scss
Normal file
48
assets/scss/partials/moreposts.scss
Normal file
|
@ -0,0 +1,48 @@
|
|||
.moreposts {
|
||||
hyphens: auto;
|
||||
margin-top: 4em;
|
||||
.more{
|
||||
font-size: .75em;
|
||||
font-weight: normal;
|
||||
hyphens: none;
|
||||
&::after {
|
||||
content: "\27F6";
|
||||
margin-left: .25em;
|
||||
transition: margin .5s;
|
||||
}
|
||||
&:hover::after {
|
||||
margin-left: .5em !important;
|
||||
}
|
||||
}
|
||||
&:hover .more::after {
|
||||
margin-left: .35em;
|
||||
}
|
||||
.moreposts-wrapper {
|
||||
border-radius: .5em;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1em;
|
||||
overflow-x: scroll;
|
||||
scroll-snap-type: x proximity;
|
||||
.post-group {
|
||||
color: var(--vriish-gradient-text);
|
||||
background: var(--vriish-gradient);
|
||||
border-radius: .5em;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
scroll-snap-align: start;
|
||||
min-width: 15em;
|
||||
width: 33.333%;
|
||||
.title {
|
||||
flex: auto;
|
||||
margin: 1em;
|
||||
}
|
||||
aside {
|
||||
margin: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue