OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
[ KB ]    [ GIT ]    [ PROJECTS ]    [ ABOUT ]                                      EN
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
[ KB ] [ GIT ] [ PROJECTS ] [ ABOUT ]
════════════════════════════════════════════════
 
 
master @ 49 LINES
 
[ HISTORY ]  [ UP ]
 

.dialog {
  border: 0;
  padding: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--mono);
  font-size: var(--fs);
  line-height: var(--lh);

  // pre.ascii is frame-width by default; the dialog is narrower.
  pre.ascii {
    width: auto;
  }

  &::backdrop {
    background: rgba(0, 0, 0, 0.45);
  }

  // ║ side rails, same glyph-column trick as callouts.
  .dialog-body,
  .dialog-footer {
    position: relative;
    padding: 0 calc(var(--cell-w) * 3);

    &::before,
    &::after {
      content: "║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A
║\A║\A║\A║\A║\A║\A║\A║";
      position: absolute;
      top: 0;
      bottom: 0;
      font-family: var(--mono-frame);
      white-space: pre;
      overflow: hidden;
      color: var(--ink);
    }
    &::before { left: 0; }
    &::after { right: 0; }
  }

  .dialog-body {
    margin: 0.4em 0;
  }

  .dialog-footer {
    padding-top: 0.2em;
    padding-bottom: 0.4em;
  }
}


.dialog {
  border: 0;
  padding: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--mono);
  font-size: var(--fs);
  line-height: var(--lh);

  // pre.ascii is frame-width by default; th
e dialog is narrower.
  pre.ascii {
    width: auto;
  }

  &::backdrop {
    background: rgba(0, 0, 0, 0.45);
  }

  // ║ side rails, same glyph-column trick a
s callouts.
  .dialog-body,
  .dialog-footer {
    position: relative;
    padding: 0 calc(var(--cell-w) * 3);

    &::before,
    &::after {
      content: "║\A║\A║\A║\A║\A║\A║\A║\A║\A║
\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A║\A
║\A║\A║\A║\A║\A║";
      position: absolute;
      top: 0;
      bottom: 0;
      font-family: var(--mono-frame);
      white-space: pre;
      overflow: hidden;
      color: var(--ink);
    }
    &::before { left: 0; }
    &::after { right: 0; }
  }

  .dialog-body {
    margin: 0.4em 0;
  }

  .dialog-footer {
    padding-top: 0.2em;
    padding-bottom: 0.4em;
  }
}

 
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET