diff options
| author |  Tom Willemse | 2022-03-20 21:25:26 -0700 |
|---|---|---|
| committer | Tom Willemse | 2022-03-20 21:25:26 -0700 |
| commit | de402ded78f3139582d145128a0500a5fb6cde97 (patch) | |
| tree | 64019c8655f00f8daaf442ff7e2f2471a8494f9b | |
| parent | d36261a5639b94d805fab716422495acb6f16bf7 (diff) | |
| download | new-ryuslash.org-de402ded78f3139582d145128a0500a5fb6cde97.tar.gz new-ryuslash.org-de402ded78f3139582d145128a0500a5fb6cde97.zip | |
Add a note component
This highlights a specific piece of text.
| -rw-r--r-- | src/less/include/components.less | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/less/include/components.less b/src/less/include/components.less index c062596..63689c1 100644 --- a/src/less/include/components.less +++ b/src/less/include/components.less @@ -32,6 +32,22 @@ } } +.note { + margin-left: 3rem; + border-width: 1px; + border-style: solid; + padding: 0 1rem; + + @media (prefers-color-scheme: dark) { + background-color: #1f2c3f; + border-color: #547ea8; + } + @media (prefers-color-scheme: light) { + background-color: #547ea8; + border-color: #1f2c3f; + } +} + .subtitle { font-size: 0.9rem; margin: 0; |