facebook_feed.css in Facebook Feed Block 8
/**
* Styling for Facebook posts.
*/
.facebook_feed {
max-width: 50em;
}
article.facebook-post {
clear: both;
margin-top: 2em;
}
@media all and (min-width: 450px) {
article.facebook-post {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
article.facebook-post > :first-child {
-webkit-box-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
article.facebook-post > * {
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
article.facebook-post img {
margin: 0 2em 1em 0;
}
}
article.facebook-post time {
font-weight: bold;
font-size: 0.85em;
}
article.facebook-post p {
margin-top: 0.5em;
}
article.facebook-post .sharing-data {
font-size: 0.85em;
}
File
css/facebook_feed.css
View source
- /**
- * Styling for Facebook posts.
- */
-
-
- .facebook_feed {
- max-width: 50em;
- }
- article.facebook-post {
- clear: both;
- margin-top: 2em;
- }
-
- @media all and (min-width: 450px) {
- article.facebook-post {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- }
- article.facebook-post > :first-child {
- -webkit-box-flex: 0 0 auto;
- -moz-box-flex: 0 0 auto;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- }
- article.facebook-post > * {
- -webkit-box-flex: 1 1 auto;
- -moz-box-flex: 1 1 auto;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- }
- article.facebook-post img {
- margin: 0 2em 1em 0;
- }
- }
-
- article.facebook-post time {
- font-weight: bold;
- font-size: 0.85em;
- }
- article.facebook-post p {
- margin-top: 0.5em;
- }
- article.facebook-post .sharing-data {
- font-size: 0.85em;
- }