master @ 39 LINES
[ HISTORY ] [ UP ]
┌─ SCSS ─────────────────────────────────────────────────────────────────────┐
│ .form-frame { │
│ margin: 0; │
│ } │
│ │
│ // The textarea floats over pre-rendered blank frame rows so the box │
│ // borders stay build-time strings; offsets are set inline in cells. │
│ .form-textarea { │
│ position: relative; │
│ │
│ textarea { │
│ position: absolute; │
│ top: 0; │
│ font-family: var(--mono-frame); │
│ font-size: var(--fs); │
│ line-height: var(--lh); │
│ color: inherit; │
│ background: transparent; │
│ border: 0; │
│ outline: 0; │
│ padding: 0; │
│ margin: 0; │
│ resize: none; │
│ overflow: auto; │
│ caret-color: currentColor; │
│ // match pre.ascii rendering so the weight reads the same │
│ -webkit-font-smoothing: antialiased; │
│ │
│ &::placeholder { │
│ color: var(--ink-soft); │
│ opacity: 1; │
│ } │
│ │
│ &:focus-visible { │
│ outline: 1px dashed currentColor; │
│ outline-offset: 2px; │
│ } │
│ } │
│ } │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ SCSS ───────────────────────────────┐
│ .form-frame { │
│ margin: 0; │
│ } │
│ │
│ // The textarea floats over pre-rendered bla │
│ nk frame rows so the box │
│ // borders stay build-time strings; offsets │
│ are set inline in cells. │
│ .form-textarea { │
│ position: relative; │
│ │
│ textarea { │
│ position: absolute; │
│ top: 0; │
│ font-family: var(--mono-frame); │
│ font-size: var(--fs); │
│ line-height: var(--lh); │
│ color: inherit; │
│ background: transparent; │
│ border: 0; │
│ outline: 0; │
│ padding: 0; │
│ margin: 0; │
│ resize: none; │
│ overflow: auto; │
│ caret-color: currentColor; │
│ // match pre.ascii rendering so the weig │
│ ht reads the same │
│ -webkit-font-smoothing: antialiased; │
│ │
│ &::placeholder { │
│ color: var(--ink-soft); │
│ opacity: 1; │
│ } │
│ │
│ &:focus-visible { │
│ outline: 1px dashed currentColor; │
│ outline-offset: 2px; │
│ } │
│ } │
│ } │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET