113 lines
2.6 KiB
CSS
113 lines
2.6 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--font-barlow: 'Barlow', sans-serif;
|
|
--font-barlow-semi-condensed: 'BarlowSemiCondensed', sans-serif;
|
|
|
|
/* Color base */
|
|
--color-consumo-base: #F28C8C;
|
|
--color-consumo-light: #F6B1B1;
|
|
--color-consumo-extra-light: #FAD1D1;
|
|
--color-iguales-base: #C98EEF;
|
|
--color-iguales-light: #DAB2F4;
|
|
--color-iguales-extra-light: #E9D2F9;
|
|
--color-aula-base: #5CAACC;
|
|
--color-aula-light: #90C5DC;
|
|
--color-aula-extra-light: #BEDDEB;
|
|
--color-certifica-base: #CAF03F;
|
|
--color-certifica-light: #DFF68C;
|
|
--color-certifica-extra-light: #ECFABC;
|
|
--color-foro-base: #E2CA64;
|
|
--color-foro-light: #EBDB96;
|
|
--color-foro-extra-light: #F3EAC1;
|
|
--color-ods-base: #2FB384;
|
|
--color-ods-light: #72CBAB;
|
|
--color-ods-extra-light: #ACE1CE;
|
|
/* Color background */
|
|
--color-background-dark: #091B3D;
|
|
--color-background-dark-2: #0D2758;
|
|
--color-background-light: #F9F4F2;
|
|
--color-background-extra-light: #FDFCFB;
|
|
/* Color button */
|
|
--color-button: #143E8C;
|
|
--color-button-hover: #1E58C7;
|
|
|
|
--color-error: #B40502;
|
|
--color-success: #039B65;
|
|
|
|
/* Breakpoints */
|
|
--breakpoint-large: 480rem; /* Super desktop 1920px */
|
|
|
|
/* Font sizes */
|
|
--text-5.5: 1.375rem; /* 22px */
|
|
--text-8: 2rem; /* 32px */
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "BarlowSemiCondensed";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local("Barlow SemiCondensed Bold"), local("BarlowBarlowSemiCondensed-Bold"),
|
|
url(../fonts/Barlow/BarlowSemiCondensed-Bold.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local("Barlow Bold"), local("Barlow-Bold"),
|
|
url(../fonts/Barlow/Barlow-Bold.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
src: local("Barlow Semibold"), local("Barlow-Semibold"),
|
|
url(../fonts/Barlow/Barlow-Semibold.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
src: local("Barlow Medium"), local("Barlow-Medium"),
|
|
url(../fonts/Barlow/Barlow-Medium.ttf) format("opentype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Barlow";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local("Barlow Regular"), local("Barlow-Regular"),
|
|
url(../fonts/Barlow/Barlow-Regular.ttf) format("opentype");
|
|
}
|
|
|
|
html,
|
|
body {
|
|
font-family: var(--font-barlow);
|
|
font-size: 18px;
|
|
height: 100dvh;
|
|
color: var(--color-black);
|
|
}
|
|
|
|
body footer {
|
|
position: sticky;
|
|
top: 100dvh;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
.min-h-screen-header {
|
|
min-height: calc(100dvh - 15rem);
|
|
}
|
|
|
|
.max-h-sidebar {
|
|
max-height: calc(100dvh - 8rem);
|
|
}
|
|
|
|
.body-overflow-hidden {
|
|
overflow: hidden;
|
|
} |