Guest User

Untitled

a guest
Apr 20th, 2018
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.28 KB | None | 0 0
  1. /* Masonry container */
  2. body.archive .content {
  3. -moz-column-count: 3;
  4. -webkit-column-count: 3;
  5. column-count: 3;
  6. -moz-column-gap: 1em;
  7. -webkit-column-gap: 1em;
  8. column-gap: 1em;
  9. }
  10.  
  11. /* Masonry bricks or child elements */
  12.  
  13. body.archive .content article {
  14. background-color: #eee;
  15. display: inline-block;
  16. margin: 0 0 1em !important;
  17. padding: 1em !important;
  18. float: none !important;
  19. }
  20.  
  21. body.archive .content .breadcrumb,
  22. body.archive .content .archive-header,
  23. body.archive .content .archive-description,
  24. body.archive .content .pagination {
  25. -webkit-column-span: all;
  26. column-span: all;
  27. }
  28.  
  29.  
  30. @media only screen and (max-width : 1024px) {
  31.  
  32. body.archive .content { /* Masonry container */
  33. -moz-column-count: 3;
  34. -webkit-column-count: 3;
  35. column-count: 3;
  36. }
  37. }
  38.  
  39. @media only screen and (max-device-width : 1024px) and (orientation : portrait) {
  40.  
  41. body.archive .content { /* Masonry container */
  42. -moz-column-count: 3;
  43. -webkit-column-count: 3;
  44. column-count: 3;
  45. }
  46. }
  47.  
  48. @media only screen and (max-width : 768px) {
  49.  
  50. body.archive .content { /* Masonry container */
  51. -moz-column-count: 2;
  52. -webkit-column-count: 2;
  53. column-count: 2;
  54. }
  55. }
  56.  
  57. @media only screen and (max-width : 480px) {
  58.  
  59. body.archive .content { /* Masonry container */
  60. -moz-column-count: 1;
  61. -webkit-column-count: 1;
  62. column-count: 1;
  63. }
  64. }
Add Comment
Please, Sign In to add comment