Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Masonry container */
- body.archive .content {
- -moz-column-count: 3;
- -webkit-column-count: 3;
- column-count: 3;
- -moz-column-gap: 1em;
- -webkit-column-gap: 1em;
- column-gap: 1em;
- }
- /* Masonry bricks or child elements */
- body.archive .content article {
- background-color: #eee;
- display: inline-block;
- margin: 0 0 1em !important;
- padding: 1em !important;
- float: none !important;
- }
- body.archive .content .breadcrumb,
- body.archive .content .archive-header,
- body.archive .content .archive-description,
- body.archive .content .pagination {
- -webkit-column-span: all;
- column-span: all;
- }
- @media only screen and (max-width : 1024px) {
- body.archive .content { /* Masonry container */
- -moz-column-count: 3;
- -webkit-column-count: 3;
- column-count: 3;
- }
- }
- @media only screen and (max-device-width : 1024px) and (orientation : portrait) {
- body.archive .content { /* Masonry container */
- -moz-column-count: 3;
- -webkit-column-count: 3;
- column-count: 3;
- }
- }
- @media only screen and (max-width : 768px) {
- body.archive .content { /* Masonry container */
- -moz-column-count: 2;
- -webkit-column-count: 2;
- column-count: 2;
- }
- }
- @media only screen and (max-width : 480px) {
- body.archive .content { /* Masonry container */
- -moz-column-count: 1;
- -webkit-column-count: 1;
- column-count: 1;
- }
- }
Add Comment
Please, Sign In to add comment