Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@import "../../assets/scss/abstracts/variables";
@import "../../assets/scss/abstracts/mixins";
.article {
padding: 4rem;
// Article Main Body
&__main {
padding: 2rem 10rem 10rem 10rem;
}
&__header {
}
&__credits {
font-size: 16px;
font-weight: 300;
color: #aaa;
line-height: 32px;
margin-top: 2rem;
margin-bottom: 5rem;
}
&__author {
}
&__date {
}
&__fig {
margin-bottom: 5rem;
}
&__img {
@include ResponsiveImage();
&-caption {
font-size: 16px;
font-weight: 300;
color: #aaa;
}
}
&__content {
font-size: 1.7rem;
font-weight: 400;
line-height: 32px;
color: #111;
}
&__social {
margin: 2rem auto;
// padding-left: 2rem;
&-list {
list-style: none;
display: flex;
margin: 0 auto;
align-items: center;
}
&-link {
@include ResetLink();
}
&-item {
width: 5rem;
align-content: center;
&:not(:last-child) {
margin-right: 1.5rem;
}
}
&-icon {
height: 4rem;
fill: white;
width: 100%;
}
}
&__section {
padding: 2rem;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment