ui(faq): make roles badge-like using MDX, tweak list of roles

2026-09-07 16:06:12 +02:00 · 2020-11-12 02:54:09 -05:00
parent b339fccb33
commit dfe2d228e6
3 changed files with 39 additions and 7 deletions
@@ -0,0 +1,12 @@
+import styled from "styled-components"
+import { readableColor } from "polished"
+
+export const RoleWrapper = styled.span<{ color: string }>`
+  display: inline-block;
+  font-weight: 400 !important;
+  background: ${(props) => props.color};
+  color: ${(props) => readableColor(props.color, "#000", "#fff")};
+  border-radius: 40px;
+  margin: 2px 0;
+  padding: 3px 12px;
+`