github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/styles/components/flex-masonry.scss (about)

     1  .flex-masonry {
     2    display: flex;
     3    flex-direction: column;
     4    flex-wrap: wrap;
     5    align-content: space-between;
     6    margin-top: -0.75em;
     7  
     8    &.flex-masonry-columns-1 > .flex-masonry-item {
     9      width: 100%;
    10    }
    11    &.flex-masonry-columns-2 > .flex-masonry-item {
    12      width: 50%;
    13    }
    14    &.flex-masonry-columns-3 > .flex-masonry-item {
    15      width: 33%;
    16    }
    17    &.flex-masonry-columns-4 > .flex-masonry-item {
    18      width: 25%;
    19    }
    20  
    21    &.with-spacing {
    22      > .flex-masonry-item {
    23        margin-top: 0.75em;
    24        margin-bottom: 0.75em;
    25      }
    26  
    27      &.flex-masonry-columns-2 > .flex-masonry-item {
    28        width: calc(50% - 0.75em);
    29      }
    30      &.flex-masonry-columns-3 > .flex-masonry-item {
    31        width: calc(33% - 0.75em);
    32      }
    33      &.flex-masonry-columns-4 > .flex-masonry-item {
    34        width: calc(25% - 0.75em);
    35      }
    36    }
    37  }