Set radius global vars

This commit is contained in:
nelle 2024-07-06 21:29:29 -06:00
parent e71a1259c7
commit aa2adcc4ff

View file

@ -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);
}
}