serverscoop-site/css/styleguide.css

89 lines
2.2 KiB
CSS

:root {
--brand1: #00aa44;
--brand2: #f7f2c6;
--brand3: #d9f2e3;
--light-gray: #0000000d;
--off-black: #00000066;
--white: #ffffff;
--font-size-l: 32px;
--font-size-m: 18px;
--font-size-s: 16px;
--font-size-xl: 48px;
--font-size-xs: 14px;
--font-family-liberation_mono-bold: "Liberation Mono-Bold", Helvetica;
--font-family-liberation_sans-bold: "Liberation Sans-Bold", Helvetica;
--font-family-liberation_sans-regular: "Liberation Sans-Regular", Helvetica;
}
.liberationsans-bold-black-18px {
color: var(--off-black);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}
.liberationmono-bold-black-18px {
color: var(--off-black);
font-family: var(--font-family-liberation_mono-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}
.liberationsans-bold-white-18px {
color: var(--white);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}
.liberationsans-bold-jade-32px {
color: var(--brand1);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-l);
font-style: normal;
font-weight: 700;
}
.liberationsans-bold-jade-48px {
color: var(--brand1);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-xl);
font-style: normal;
font-weight: 700;
}
.liberationmono-bold-white-14px {
color: var(--white);
font-family: var(--font-family-liberation_mono-bold);
font-size: var(--font-size-xs);
font-style: normal;
font-weight: 700;
}
.liberationmono-bold-jade-14px {
color: var(--brand1);
font-family: var(--font-family-liberation_mono-bold);
font-size: var(--font-size-xs);
font-style: normal;
font-weight: 700;
}
.liberationsans-regular-normal-black-16px {
color: var(--off-black);
font-family: var(--font-family-liberation_sans-regular);
font-size: var(--font-size-s);
font-style: normal;
font-weight: 400;
}
.liberationsans-bold-white-18px-2 {
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}