43 lines
1,022 B
TypeScript
43 lines
1,022 B
TypeScript
import type { ComplexStyleRule } from "@vanilla-extract/css";
|
|
import { style } from "@vanilla-extract/css";
|
|
import { edge, ncFaction, trFaction, vsFaction } from "../utils/theme";
|
|
|
|
export const bar = style({
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
flexDirection: "row",
|
|
overflow: "hidden",
|
|
borderRadius: "0.4rem",
|
|
border: `2px solid ${edge}`,
|
|
});
|
|
|
|
export const tinyBar = style({
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
flexDirection: "row",
|
|
overflow: "hidden",
|
|
fontSize: 5,
|
|
});
|
|
|
|
const shared: ComplexStyleRule = {
|
|
textAlign: "center",
|
|
boxShadow: "inset 0 0 0.5rem rgb(0 0 0 / 10%)",
|
|
};
|
|
|
|
export const left = style({
|
|
...shared,
|
|
backgroundColor: vsFaction,
|
|
});
|
|
export const center = style({
|
|
...shared,
|
|
backgroundColor: ncFaction,
|
|
borderLeft: `1px solid ${edge}`,
|
|
borderRight: `2px solid ${edge}`,
|
|
boxShadow: "inset 0 0 0.5rem rgb(180 180 180 / 10%)",
|
|
});
|
|
export const right = style({
|
|
...shared,
|
|
backgroundColor: trFaction,
|
|
});
|