github.com/kyleu/dbaudit@v0.0.2-0.20240321155047-ff2f2c940496/client/src/style/flash.css (about)

     1  /* Content managed by Project Forge, see [projectforge.md] for details. */
     2  #flash-container {
     3    position: fixed;
     4    top: 0;
     5    right: 0;
     6    z-index: 2;
     7  }
     8  
     9  #flash-container input:checked ~ * {
    10    display: none;
    11  }
    12  
    13  #flash-container label {
    14    float: right;
    15    padding: var(--padding);
    16    cursor: pointer;
    17  }
    18  
    19  #flash-container .flash {
    20    background-color: var(--color-background-muted);
    21    opacity: 1;
    22    transition: opacity 500ms linear;
    23  }
    24  
    25  @media (prefers-reduced-motion) {
    26    #flash-container .flash {
    27      transition: none;
    28    }
    29  }
    30  
    31  #flash-container .flash .content {
    32    min-width: 480px;
    33    padding: 16px 0 0 12px;
    34    min-height: var(--nav-height);
    35  }
    36  
    37  #flash-container .flash-success {
    38    color: var(--color-success);
    39  }
    40  
    41  #flash-container .flash-error {
    42    color: var(--color-error);
    43  }