27 lines
832 B
SCSS
27 lines
832 B
SCSS
|
// --- SQUARE ICONS
|
||
|
|
// -- border radius vars
|
||
|
|
$small: 4px;
|
||
|
|
$medium: $small;
|
||
|
|
$large: 6px;
|
||
|
|
|
||
|
|
// -- clear mask that makes icons round in various spots
|
||
|
|
foreignObject[mask*="url(#"] {
|
||
|
|
mask: none;
|
||
|
|
//! SIDENOTE: while this removes the rounding, it also removes any cutout for the status icon. i'm going to be frank and say i think this looks like shit. i will look into crafting my own SVG instead at some point if i can, as an alternative to just entirely clearing it (but i'll still be using border rads for custom icon rounding)
|
||
|
|
}
|
||
|
|
|
||
|
|
// -- now apply border rads
|
||
|
|
// - user list icons (DM list, server member list)
|
||
|
|
.wrapper_edb6e0 svg foreignObject {
|
||
|
|
border-radius: $small;
|
||
|
|
}
|
||
|
|
|
||
|
|
// - user icons in chat
|
||
|
|
.avatar__08316 {
|
||
|
|
border-radius: $medium;
|
||
|
|
}
|
||
|
|
|
||
|
|
// - profile modal icons
|
||
|
|
.clickable__35918 svg foreignObject {
|
||
|
|
border-radius: $large;
|
||
|
|
}
|