li.post{
display: block; padding-top: 1rem;
}
.post{
padding-bottom: 1rem;
}
img{
display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; max-width: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;
}
.post-container{
p, li{ a{ text-decoration:none; border-bottom: 2px solid $light-grey; box-shadow: inset 0 -4px 0 $light-grey; color: inherit; transition: background 0.1s cubic-bezier(.33,.66,.66,1); } a:visited{ text-decoration:none; border-bottom: 2px solid $light-grey; box-shadow: inset 0 -4px 0 $light-grey; color: inherit; transition: background 0.1s cubic-bezier(.33,.66,.66,1); } a:hover{ background: $light-grey; } }
}
.categories{
p{ display: inline-block; } a{ text-decoration:none; border-bottom: 2px solid $light-grey; box-shadow: inset 0 -4px 0 $light-grey; color: inherit; transition: background 0.1s cubic-bezier(.33,.66,.66,1); } a:visited{ text-decoration:none; border-bottom: 2px solid $light-grey; box-shadow: inset 0 -4px 0 $light-grey; color: inherit; transition: background 0.1s cubic-bezier(.33,.66,.66,1); } a:hover{ background: $light-grey; }
}
article::after{
display: block; content: ''; width: 5rem; height: 1px; margin: 30px auto; background-color: #d5d5d5;
}