You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xshop/resources/views/segments/post/PostSidebar/PostSidebar.scss

74 lines
1.5 KiB
SCSS

.PostSidebar {
h1 {
font-size: 27px;
padding: 1rem;
color: var(--xshop-primary);
span {
font-size: 16px;
margin-top: 5px;
display: inline-block;
}
}
img {
max-height: 40vh;
width: 100%;
object-fit: cover;
}
.tag {
background: var(--xshop-primary);
padding: 3px .7rem;
color: var(--xshop-diff);
border-radius: var(--xshop-border-radius);
}
aside{
h4{
padding: .5rem;
position: relative;
text-align: center;
font-weight: 300;
font-size: 20px;
&:after{
position: absolute;
content: ' ';
height: 1px;
width: 70%;
bottom: 0;
left: 15%;
right: 15%;
background: linear-gradient(90deg,#ffffff00 0%, var(--xshop-primary) 50%, #ffffff00 100%);
}
}
}
.recent{
padding: 0;
list-style: none;
margin-top: 1rem;
li{
min-height: 60px;
margin-bottom: 1rem;
}
img{
width: 48px;
height: 48px;
object-fit: cover;
}
p{
height: 1.2em;
overflow: hidden;
}
h6{
max-height: 2.2em;
overflow: hidden;
}
}
}