|
|
@ -7,16 +7,16 @@ |
|
|
|
.post { |
|
|
|
.post { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
margin: 20px auto; |
|
|
|
margin: 8px auto; |
|
|
|
padding: 20px 0; |
|
|
|
padding: 20px 0; |
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: $tablet-max-width) { |
|
|
|
@media (max-width: $tablet-max-width) { |
|
|
|
max-width: 660px; |
|
|
|
max-width: 660px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&:not(:last-of-type) { |
|
|
|
// &:not(:last-of-type) { |
|
|
|
border-bottom: 1px solid var(--border-color); |
|
|
|
// border-bottom: 1px solid var(--border-color); |
|
|
|
} |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
%meta { |
|
|
|
%meta { |
|
|
|
font-size: 1rem; |
|
|
|
font-size: 1rem; |
|
|
@ -35,11 +35,11 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&-title { |
|
|
|
&-title { |
|
|
|
--border: 2px dashed var(--accent); |
|
|
|
// --border: 2px dashed var(--accent); |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
color: var(--accent); |
|
|
|
color: var(--accent); |
|
|
|
margin: 0 0 15px; |
|
|
|
margin: 0 0 8px; |
|
|
|
padding-bottom: 15px; |
|
|
|
// padding-bottom: 15px; |
|
|
|
border-bottom: var(--border); |
|
|
|
border-bottom: var(--border); |
|
|
|
font-weight: normal; |
|
|
|
font-weight: normal; |
|
|
|
|
|
|
|
|
|
|
@ -71,7 +71,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&-content { |
|
|
|
&-content { |
|
|
|
margin-top: 30px; |
|
|
|
margin-top: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&-cover { |
|
|
|
&-cover { |
|
|
@ -131,4 +131,4 @@ |
|
|
|
.post-tag { |
|
|
|
.post-tag { |
|
|
|
text-decoration: underline; |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|