_content.scss 973 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /*--------------------------------------------------------------
  2. ## Content
  3. --------------------------------------------------------------*/
  4. html {
  5. box-sizing: border-box;
  6. }
  7. *,
  8. *:before,
  9. *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  10. box-sizing: inherit;
  11. }
  12. html,
  13. body {
  14. background-color: $color__background-body; /* Fallback for when there is no custom background color defined. */
  15. }
  16. .js body {
  17. opacity: 0;
  18. }
  19. .content-area {
  20. float: left;
  21. margin: 0;
  22. width: $size_site-main;
  23. .hfeed & {
  24. overflow: hidden;
  25. }
  26. }
  27. .site-main {
  28. margin: 0;
  29. overflow: hidden;
  30. position: relative;
  31. }
  32. .site-content {
  33. background: $color__background-body;
  34. position: relative;
  35. z-index: 1;
  36. }
  37. .site-content .widget-area {
  38. overflow: hidden;
  39. width: $size_site-main;
  40. }
  41. .site-footer {
  42. width: $size_site-main;
  43. }