github.com/tilt-dev/tilt@v0.33.15-0.20240515162809-0a22ed45d8a0/web/src/HUD.scss (about)

     1  @import "constants";
     2  
     3  .HUD {
     4    display: flex;
     5    align-items: stretch;
     6    width: 100%;
     7    min-height: 100vh;
     8  }
     9  
    10  .HUD.is-snapshot * {
    11    animation: none !important;
    12  }
    13  
    14  .Pane-empty-message {
    15    padding-top: 15%;
    16    display: flex;
    17    flex-direction: column;
    18    align-items: center;
    19  }
    20  
    21  .Pane-empty-message svg {
    22    opacity: $translucent-ish;
    23  }
    24  
    25  .Pane-empty-message h2 {
    26    margin-top: calc($spacing-unit / 2);
    27    font-family: $font-sans-serif;
    28    font-size: $font-size;
    29    color: $color-gray-lightest;
    30  }
    31  
    32  .Pane-empty-message p {
    33    text-align: left;
    34    color: $color-gray-lightest;
    35  }