You are here

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
  1. /**
  2. * Styling for Facebook posts.
  3. */
  4. .facebook_feed {
  5. max-width: 50em;
  6. }
  7. article.facebook-post {
  8. clear: both;
  9. margin-top: 2em;
  10. }
  11. @media all and (min-width: 450px) {
  12. article.facebook-post {
  13. display: -webkit-box;
  14. display: -moz-box;
  15. display: -ms-flexbox;
  16. display: -webkit-flex;
  17. display: flex;
  18. }
  19. article.facebook-post > :first-child {
  20. -webkit-box-flex: 0 0 auto;
  21. -moz-box-flex: 0 0 auto;
  22. -webkit-flex: 0 0 auto;
  23. -ms-flex: 0 0 auto;
  24. flex: 0 0 auto;
  25. }
  26. article.facebook-post > * {
  27. -webkit-box-flex: 1 1 auto;
  28. -moz-box-flex: 1 1 auto;
  29. -webkit-flex: 1 1 auto;
  30. -ms-flex: 1 1 auto;
  31. flex: 1 1 auto;
  32. }
  33. article.facebook-post img {
  34. margin: 0 2em 1em 0;
  35. }
  36. }
  37. article.facebook-post time {
  38. font-weight: bold;
  39. font-size: 0.85em;
  40. }
  41. article.facebook-post p {
  42. margin-top: 0.5em;
  43. }
  44. article.facebook-post .sharing-data {
  45. font-size: 0.85em;
  46. }