master @ 25 LINES
[ HISTORY ] [ UP ]
┌─ SCSS ─────────────────────────────────────────────────────────────────────┐
│ .panel { │
│ display: block; │
│ } │
│ │
│ // │ side rails - a glyph column pinned to each edge, clipped to the │
│ // body height, matching the build-time corners above and below. │
│ .panel-body { │
│ position: relative; │
│ padding: 0.2em 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│\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│\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; } │
│ } │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ SCSS ───────────────────────────────┐
│ .panel { │
│ display: block; │
│ } │
│ │
│ // │ side rails - a glyph column pinned to e │
│ ach edge, clipped to the │
│ // body height, matching the build-time corn │
│ ers above and below. │
│ .panel-body { │
│ position: relative; │
│ padding: 0.2em 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│\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│\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; } │
│ } │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET