From ad6d0f0a4388a94c683cc1869429cbb9e420d8ca Mon Sep 17 00:00:00 2001 From: limepotato Date: Sun, 7 Jul 2024 06:58:30 +0200 Subject: [PATCH] revert 3c5dfd063b3428f64d01a19084e0e241a5660c85 revert revert aa2adcc4ff564a5b3828ac929be9cc0cbb579dd5 revert Set radius global vars --- packages/client/src/style.scss | 27 +++++++++++++++++++++------ 1 file changed, 21 insertions(+), 6 deletions(-) diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index 66fe2f246..7098e4e3f 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -1,10 +1,14 @@ @charset "utf-8"; :root { - --radius: 12px; - --marginFull: 16px; - --marginHalf: 10px; - --avatarSize: 48px; + --radius-xs: 10px; + --radius-sm: 10px; + --radius: 10px; + --radius-md: 10px; + --radius-lg: 10px; + --radius-xl: 10px; + --radius-ellipse: 10px; + --radius-full: 10px; --margin: var(--marginFull); @@ -25,6 +29,17 @@ //--ad: rgb(255 169 0 / 10%); } +html.radius-misskey { + --radius-xs: 4px; + --radius-sm: 8px; + --radius: 12px; + --radius-md: 16px; + --radius-lg: 24px; + --radius-xl: 32px; + --radius-ellipse: 999px; + --radius-full: 100%; +} + ::selection { color: #fff; background-color: var(--accent); @@ -586,7 +601,7 @@ hr { padding: 2px 3px; color: var(--accent); border: solid 1px var(--accent); - border-radius: 4px; + border-radius: var(--radius-xs); vertical-align: top; } @@ -626,7 +641,7 @@ hr { vertical-align: bottom; height: 128px; margin-bottom: 16px; - border-radius: 16px; + border-radius: var(--radius-md); } }