xmc/modular/old_roles.css

66 lines
1.1 KiB
CSS

[class*="role-"] {
position: relative;
border-radius: 5%;
}
[class^="role-"],
[note="FIX ME WHEN WE HAVE :has()"] {
padding-left: 16px;
}
[class^="roleRemoveButton-"] [class^="roleCircle-"],
[class^="roleRemoveButton-"] [class^="roleFlowerStar-"] {
margin: 0 !important;
border-radius: 5% !important;
width: 100% !important;
height: 22px !important;
top: 0;
left: 0;
position: absolute;
z-index: 1;
opacity: 0.25;
}
[class^="roleFlowerStar-"] > svg[class^="linkIcon-"] {
z-index: 6;
position: absolute;
opacity: 1;
right: -2px;
top: -2px;
}
[class^="roleRemoveButton-"] {
position: absolute;
left: 0;
width: 100%;
height: 22px;
overflow-x: clip;
overflow-y: visible;
}
[class^="role-"] [class^="roleIcon-"] {
z-index: 5;
}
[class^="roleName-"] {
z-index: 2;
}
[class^="roleRemoveIcon-"] {
display: block;
position: absolute;
left: 8px;
z-index: 4;
}
[class^="roleRemoveIcon-"] > path {
fill: #ffffff;
filter: brightness(1);
}
[class^="roleRemoveButton-"] [class*="roleDot-"] {
width: 1em !important;
height: 1em !important;
margin-top: 0.25em;
}