diff --git a/assets/Fonts/Barlow/Barlow-Bold.ttf b/assets/Fonts/Barlow/Barlow-Bold.ttf new file mode 100644 index 0000000..86f237c Binary files /dev/null and b/assets/Fonts/Barlow/Barlow-Bold.ttf differ diff --git a/assets/Fonts/Barlow/Barlow-Light.ttf b/assets/Fonts/Barlow/Barlow-Light.ttf new file mode 100644 index 0000000..a6f71f2 Binary files /dev/null and b/assets/Fonts/Barlow/Barlow-Light.ttf differ diff --git a/assets/Fonts/Barlow/Barlow-Regular.ttf b/assets/Fonts/Barlow/Barlow-Regular.ttf new file mode 100644 index 0000000..d39c293 Binary files /dev/null and b/assets/Fonts/Barlow/Barlow-Regular.ttf differ diff --git a/assets/Fonts/Barlow/Barlow-SemiBold.ttf b/assets/Fonts/Barlow/Barlow-SemiBold.ttf new file mode 100644 index 0000000..e95527e Binary files /dev/null and b/assets/Fonts/Barlow/Barlow-SemiBold.ttf differ diff --git a/assets/Fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf b/assets/Fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf new file mode 100644 index 0000000..217ef02 Binary files /dev/null and b/assets/Fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf differ diff --git a/assets/css/main.css b/assets/css/main.css index a461c50..49d8c27 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1 +1,113 @@ -@import "tailwindcss"; \ No newline at end of file +@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; +} \ No newline at end of file diff --git a/pages/typography-and-colours.vue b/pages/typography-and-colours.vue new file mode 100644 index 0000000..f8dcf53 --- /dev/null +++ b/pages/typography-and-colours.vue @@ -0,0 +1,228 @@ + + + \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..e69de29