Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

upd: implement radius setting

Browse source 
to keep things manageable i merged a lot of one off values into just a
handful of common sizes, so some parts of the ui will look different than
upstream even with the "Misskey" rounding mode
This commit is contained in:
ShittyKopper 2023-10-31 21:44:34 +03:00
parent e33a4d1295
commit ae5d052274
122 changed files with 229 additions and 210 deletions
Download patch file Download diff file Expand all files Collapse all files

25
packages/frontend/src/style.scss
View file

@ -15,7 +15,15 @@
*/
:root {
--radius-xs: 5px;
--radius-sm: 5px;
--radius: 5px;
--radius-md: 5px;
--radius-lg: 5px;
--radius-xl: 5px;
--radius-ellipse: 5px;
--radius-full: 5px;
--marginFull: 16px;
--marginHalf: 10px;
@ -32,6 +40,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: var(--fgOnAccent);
background-color: var(--accent);
@ -159,7 +178,7 @@ hr {
display: inline-block;
width: 1em;
height: 1em;
border-radius: 100%;
border-radius: var(--radius-full);
background: currentColor;
}
@ -364,7 +383,7 @@ hr {
padding: 2px 3px;
color: var(--accent);
border: solid 1px var(--accent);
border-radius: 4px;
border-radius: var(--radius-xs);
vertical-align: top;
}
@ -404,7 +423,7 @@ hr {
vertical-align: bottom;
height: 128px;
margin-bottom: 16px;
border-radius: 16px;
border-radius: var(--radius-md);
}
}