github.com/hernad/nomad@v1.6.112/ui/app/styles/components/toolbar.scss (about)

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