79 lines
1.7 KiB
SCSS
79 lines
1.7 KiB
SCSS
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;
|
|
}
|
|
|