Styles for Facebook Feed Smash Balloons
// css
#cff {
.cff-item.cff-photo-post {
border-radius: 30px !important;
display: flex;
flex-flow: wrap;
flex-basis: 23.33%;
max-width: 23.33%;
&:not(:nth-child(4n)) {
margin-right: 2.226%;
}
.cff-media-wrap {
order: 0;
flex-basis: 100%;
width: 100%;
margin-bottom: 1rem;
.cff-photo {
width: 100%;
img {
display: inline-block;
width: 100%;
}
}
}
.cff-author {
order: 1;
}
.cff-post-text {
order: 2;
font-size: .75rem;
line-height: 1.4
}
.cff-meta-wrap {
order: 3;
}
.cff-comments-box {
order: 4;
}
.cff-text-wrapper {
width: 100%;
}
}
.cff-posts-wrap {
display: flex;
flex-flow: wrap;
}
}