github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/app-view/layout.scss (about)

     1  /* layout */
     2  %app-view header > div:last-of-type > div:first-child {
     3    flex-grow: 1;
     4  }
     5  %app-view {
     6    position: relative;
     7  }
     8  %app-view header .actions {
     9    float: right;
    10    display: flex;
    11    align-items: flex-start;
    12  }
    13  /* units */
    14  %app-view {
    15    margin-top: 50px;
    16  }
    17  %app-view header + div > *:first-child {
    18    margin-top: 1.8em;
    19  }
    20  %app-view h2 {
    21    padding-bottom: 0.2em;
    22    margin-bottom: 1.1em;
    23  }
    24  %app-view header .actions > *:not(:last-child) {
    25    margin-right: 12px;
    26  }
    27  
    28  // content
    29  %app-content div > dl > dt {
    30    position: absolute;
    31  }
    32  %app-content div > dl {
    33    position: relative;
    34  }
    35  %app-content-empty {
    36    margin-top: 0;
    37    padding: 50px;
    38    text-align: center;
    39  }
    40  %app-content form:not(:last-child) {
    41    margin-bottom: 2.2em;
    42  }
    43  %app-content div > dl > dt {
    44    width: 140px;
    45  }
    46  %app-content div > dl > dd {
    47    padding-left: 140px;
    48  }
    49  %app-content div > dl > * {
    50    min-height: 1em;
    51    margin-bottom: 0.4em;
    52  }