prime8dev

prime8dev
git clone https://git.prime8.dev/prime8dev.git
Log | Files | Refs | README | LICENSE

lightbox.css (934B)

      1 .lightbox {
      2   position: fixed;
      3   inset: 0;
      4   z-index: 1000;
      5   display: flex;
      6   align-items: center;
      7   justify-content: center;
      8 }
      9 
     10 .lightbox.hidden {
     11   display: none;
     12 }
     13 
     14 .lightbox-overlay {
     15   position: absolute;
     16   inset: 0;
     17   background: rgba(0, 0, 0, 0.9);
     18   cursor: pointer;
     19 }
     20 
     21 .lightbox-content {
     22   position: relative;
     23   max-width: 90vw;
     24   max-height: 90vh;
     25   z-index: 1;
     26 }
     27 
     28 .lightbox-image {
     29   max-width: 100%;
     30   max-height: 90vh;
     31   border-radius: 4px;
     32   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
     33 }
     34 
     35 .lightbox-close {
     36   position: absolute;
     37   top: 8px;
     38   right: 8px;
     39   background: rgba(0, 0, 0, 0.7);
     40   border: 1px solid var(--border);
     41   color: var(--fg);
     42   font-family: "JetBrains Mono", monospace;
     43   font-size: var(--fs-12);
     44   cursor: pointer;
     45   padding: 4px 8px;
     46   line-height: 1;
     47   transition: color 0.15s, background 0.15s;
     48   z-index: 10;
     49 }
     50 
     51 .lightbox-close:hover {
     52   color: var(--accent);
     53   background: rgba(0, 0, 0, 0.9);
     54 }