github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/styles/components/toolbar.scss (about)

     1  @use "sass:math";
     2  
     3  $spacing: 1.5em;
     4  
     5  .toolbar {
     6    display: flex;
     7    margin-bottom: math.div($spacing, 2);
     8    justify-content: space-between;
     9    flex-wrap: wrap;
    10    margin-left: math.div(-$spacing, 4);
    11    margin-right: math.div(-$spacing, 4);
    12  
    13    &.collapse + .toolbar {
    14      margin-top: math.div(-$spacing, 2);
    15    }
    16  
    17    .toolbar-item {
    18      margin-bottom: math.div($spacing, 2);
    19      padding-left: math.div($spacing, 4);
    20      padding-right: math.div($spacing, 4);
    21      align-self: center;
    22      flex-grow: 1;
    23  
    24      &.is-minimum {
    25        flex-grow: 0;
    26      }
    27  
    28      &.is-right-aligned {
    29        flex-grow: 0;
    30        margin-left: auto;
    31      }
    32  
    33      &.is-top-aligned {
    34        align-self: auto;
    35      }
    36  
    37      &.is-mobile-full-width {
    38        @include mobile {
    39          flex-grow: 1;
    40          margin-left: 0;
    41          width: 100%;
    42        }
    43      }
    44    }
    45  }