File: /var/www/html/site/newsite/wp-content/themes/digital-download/sass/layouts/_popular-posts.scss
.related-posts{
margin: 0 0 60px;
.section-title{
line-height: 1.083em;
font-size: 1.333em;
font-weight: 500;
color: $secondary_color;
margin: 0 0 30px;
} /*section-title*/
.post-holder{
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
.col{
width: 50%;
padding: 0 15px;
margin-bottom: 40px;
.post-thumbnail{
display: block;
margin: 0 0 15px;
img{
vertical-align: top;
@include border-radius(4px);
} /*img*/
} /*post-thumbnail*/
.entry-title{
line-height: 1.25em;
font-size: 1.1em;
font-weight: 700;
margin: 0 0 10px;
a{
@include transition(ease, 0.2s);
color: $secondary_color;
&:hover,
&:focus{
text-decoration: none;
color: $primary_color;
} /*hover*/
} /*a*/
} /*entry-title*/
.entry-meta{
font-size: 0.722em;
color: #a2adb8;
a{
color: #a2adb8;
@include transition(ease, 0.2s);
font-weight: 700;
&:hover,
&:focus{
text-decoration: none;
color: $primary_color;
}
} /*a*/
img{
vertical-align: middle;
margin-right: 8px;
@include border-radius(4px);
} /*img*/
} /*entry-meta*/
} /*col*/
} /*post-holder*/
} /*popular-post*/
.full-width{
.related-posts{
.post-holder{
.col{
width: 33.333%;
} //col
} //post-holder
} //related-post
} //full-width
.centered{
.related-posts{
max-width: 770px;
margin-left: auto;
margin-right: auto;
.post-holder{
.col{
width: 50%;
} //col
} //post-holder
} //related-post
} //centered
@media only screen and (max-width: 1024px){
.full-width{
.related-posts{
.post-holder{
.col{
width: 50%;
} //col
} //post-holder
} //related-posts
} //full-width
}
@media only screen and (max-width: 767px){
.related-posts{
.post-holder{
flex-direction: column;
.col{width: 100%;} //col
} //post-holder
} //popular-post
.full-width{
.related-posts{
.post-holder{
.col{
width: 100%;
} //col
} //post-holder
} //related-posts
} //full-width
} //media