80 lines
1.8 KiB
Plaintext
80 lines
1.8 KiB
Plaintext
/* Write your global styles here, in PostCSS syntax */
|
|
|
|
@tailwind base;
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/*
|
|
* Legal Disclaimer for Student/Education licence
|
|
*
|
|
* Student/Education Licence - Our package includes OTF, TTF, WOFF and WOFF2 font formats.
|
|
*
|
|
* For expiry date please check the relevant Licence Document.
|
|
*
|
|
* Licence to produce and publish work within educational context.
|
|
* Any commercial exploitation is subject to separate licencing by the client.
|
|
* The student/educational license expires at the end of the study period.
|
|
* An upgrade to a full licence for professional use is required after expiry.
|
|
* The upgrade within 3 months of expiry will be available at a reduced price for the educational Licence Holder.
|
|
*
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: "CircularMono";
|
|
src: url("/fonts/CircularXXMonoEduWeb-Regular.woff") format("woff");
|
|
}
|
|
@font-face {
|
|
font-family: "CircularMono";
|
|
src: url("/fonts/CircularXXMonoEduWeb-Regular.woff2") format("woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Circular";
|
|
src: url("/fonts/CircularXXEduWeb-Regular.woff") format("woff");
|
|
font-weight: 400;
|
|
}
|
|
@font-face {
|
|
font-family: "Circular";
|
|
src: url("/fonts/CircularXXEduWeb-Regular.woff2") format("woff2");
|
|
font-weight: 400;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Circular";
|
|
src: url("/fonts/CircularXXEduWeb-Bold.woff") format("woff");
|
|
font-weight: 700;
|
|
}
|
|
@font-face {
|
|
font-family: "Circular";
|
|
src: url("/fonts/CircularXXEduWeb-Bold.woff2") format("woff2");
|
|
font-weight: 700;
|
|
}
|
|
|
|
:root [data-theme='vin-theme'] {
|
|
--theme-font-family-base: 'Circular', sans-serif;
|
|
--theme-font-family-heading: 'Circular', sans-serif;
|
|
}
|
|
|
|
* {
|
|
@apply tracking-tight transition-all;
|
|
}
|
|
|
|
h1 {
|
|
@apply mb-6 text-6xl font-bold;
|
|
}
|
|
h2 {
|
|
@apply font-bold;
|
|
}
|
|
|
|
/* html, body {
|
|
@apply bg-gray-50;
|
|
} */
|
|
|
|
/* p {
|
|
@apply text-surface-400;
|
|
} */
|
|
|
|
.card {
|
|
@apply ring-0;
|
|
} |