vendor/assets/stylesheets/components/_card.scss in active_frontend-17.5.1 vs vendor/assets/stylesheets/components/_card.scss in active_frontend-17.6.0

- old
+ new

@@ -1,9 +1,8 @@ // Table of Contents // ================================================== // Card -// Masonry // Media Queries // scss-lint:disable NestingDepth // scss-lint:disable SelectorDepth @@ -141,38 +140,7 @@ .card-cohort { > .cohort-container { border: 0; border-color: inherit; border-radius: 0; - } -} - -// Masonry -// ================================================== -.card-masonry { - column-count: 3; - column-gap: 20px; - white-space: normal; - - > .card-brick { - display: inline-block; - margin-bottom: 20px; - width: 100%; - - &:last-child { margin: 0; } - } -} - -// Media Queries -// ================================================== -@media only screen and (min-width: breakpoint-min-width(xl)) { - .card-masonry { column-count: 4; } -} -@media only screen and (min-width: breakpoint-min-width(s)) and (max-width: breakpoint-max-width(b)) { - .card-masonry { column-count: 2; } -} -@media only screen and (max-width: breakpoint-max-width(s)) { - .card-masonry { - column-count: 1; - column-gap: 0; } }