85b0d790a6
All design props tested SImplification of design props completed, with, in some cases, the replacement of units with general terminology.
98 lines
No EOL
1.8 KiB
CSS
98 lines
No EOL
1.8 KiB
CSS
|
|
:root {
|
|
|
|
--white: #FFFFFF;
|
|
|
|
--blue: #0055ff;
|
|
--blue-light: #F1F4FC;
|
|
--blue-dark: #2F4C9B;
|
|
|
|
--ink: #393C44;
|
|
--grey-7: #808192;
|
|
--grey-5: #ADAEC4;
|
|
|
|
--grey: #F2F2F2;
|
|
--grey-1: var(--grey-1);
|
|
--grey-4: #e8e8ef;
|
|
--grey-4: #E6E6E6;
|
|
|
|
--red: #E26D69;
|
|
--red-light:#FFE6E6;
|
|
--red-dark: #800400;
|
|
|
|
|
|
--font-black: "Inter Black";
|
|
--font-bold: "Inter Bold";
|
|
--fontsemibold: "Inter Medium";
|
|
--font-normal: "Inter";
|
|
|
|
--bodytext: var(--font-normal) "regular" var(--secondary100) 16pt;
|
|
--bigbodytext: var(--font-normal) "regular" var(--secondary100) 20pt;
|
|
--smallbodytext: var(--font-normal) "regular" var(--secondary100) 12pt;
|
|
--lightbodytext: "regular" "normal" 16pt var(--font-normal);
|
|
--heavybodytext: var(--font-bold) "regular" var(--secondary100) 16pt;
|
|
--quotation: var(--font-normal) "italics" var(--darkslate) 16pt;
|
|
--smallheavybodytext: var(--font-bold) "regular" var(--secondary100) 14pt;
|
|
|
|
|
|
}
|
|
|
|
html, body {
|
|
display: grid;
|
|
font-family: inter;
|
|
color: var(--ink);
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
h1 {
|
|
font-family: var(--font-black);
|
|
font-size: 36pt;
|
|
color: var(--secondary100);
|
|
}
|
|
|
|
h2 {
|
|
font-family: var(--font-bold);
|
|
font-size: 30pt;
|
|
color: var(--secondary100);
|
|
}
|
|
|
|
h3 {
|
|
font-family: var(--font-bold);
|
|
font-size: 24pt;
|
|
color: var(--secondary60);
|
|
}
|
|
|
|
h4 {
|
|
font-family: var(--font-bold);
|
|
font-size: 18pt;
|
|
color: var(--ink);
|
|
}
|
|
|
|
h5 {
|
|
font-family: var(--font-black);
|
|
font-size: 14pt;
|
|
color: var(--secondary100);
|
|
}
|
|
|
|
h5 {
|
|
font-family: var(--font-black);
|
|
font-size: 12pt;
|
|
color: var(--darkslate);
|
|
}
|
|
|
|
textarea {
|
|
font-family: var(--font-normal);
|
|
}
|
|
|
|
.hoverable:hover {
|
|
cursor: pointer;
|
|
} |