kit-eco.social/consumocuidado
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
María
2025-09-09 07:55:21 +02:00
parent 7dc256eaed
commit e1b717b346
55 changed files with 626 additions and 638 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
assets/scss/core/variables.scss
View File

@@ -1,4 +1,17 @@
/* COLORS */
$color-consumo-base: #F28C8C;
$color-consumo-base-light: #F6B1B1;
$color-consumo-base-extra-light:#FAD1D1;
$color-button: #143E8C;
$color-primary: #111111;
$color-second: #B8B8B8;
$color-bg-dark: #091B3D;
$color-bg-dark-2: #0D2758;
$color-bg-light: #F9F4F2;
$color-bg-extra-light: #FDFCFB;
$color-navy: #374493;
$color-lightblue: #eff9ff;
$color-orange: #ff666e;
@@ -21,20 +34,27 @@ $color-grey-darker: #3b3b3b;
$color-facebook: #3351a3;
$color-google: #346cf1;
$color-error: crimson;
$color-error: #B40502;
$color-success: #039B65;
/* FONT SIZE */
$xxl: 1.562rem; //25px
$xl: 1.25rem; //20px
$l: 1.125rem; //18px
$m: 1rem; //16px
$s: 0.875rem; //14px
$xs: 0.75rem; //12px
$xxs: 0.625rem; // 10px
$hero: 48px;
$h1: 48px;
$h2: 36px;
$h3: 32px;
$h4: 22px;
$h5: 16px;
$xxl: 24px;
$xl: 20px;
$l: 18px;
$m: 16px;
$s: 14px;
$xs: 12px;
$xxs: 10px;
/* FONTS */
$font-primary: 'Poppins', Arial, sans-serif;
$font-secondary: 'Noto Sans', Arial, sans-serif;
$font-primary: 'Barlow', Arial, sans-serif;
$font-secondary: 'Barlow', Arial, sans-serif;
/* FONT WEIGHT */
$regular: 400;

68
assets/scss/main.scss
View File

@@ -4,57 +4,69 @@
// Fonts
@font-face {
font-family: 'Poppins';
font-family: "BarlowSemiCondensed";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('~/assets/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
font-weight: 700;
src: local("Barlow SemiCondensed Bold"), local("BarlowBarlowSemiCondensed-Bold"),
url(../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf) format("opentype");
}
@font-face {
font-family: 'Poppins';
font-family: "Barlow";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('~/assets/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
font-weight: 700;
src: local("Barlow Bold"), local("Barlow-Bold"),
url(../fonts/Barlow/Barlow-Bold.ttf) format("opentype");
}
@font-face {
font-family: 'Poppins';
font-family: "Barlow";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('~/assets/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
src: local("Barlow Semibold"), local("Barlow-Semibold"),
url(../fonts/Barlow/Barlow-Semibold.ttf) format("opentype");
}
@font-face {
font-family: 'Poppins';
font-family: "Barlow";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('~/assets/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
font-weight: 500;
src: local("Barlow Medium"), local("Barlow-Medium"),
url(../fonts/Barlow/Barlow-Medium.ttf) format("opentype");
}
@font-face {
font-family: 'Noto Sans';
font-family: "Barlow";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('~/assets/fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype');
src: local("Barlow Regular"), local("Barlow-Regular"),
url(../fonts/Barlow/Barlow-Regular.ttf) format("opentype");
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('~/assets/fonts/Noto_Sans/NotoSans-Bold.ttf') format('truetype');
}
$font-family-sans-serif: 'Poppins';
$font-family-sans-serif: 'Barlow';
$blue: #374493;
html {
font-size: min(max(1rem, 4vw), 16px);
}
color: $color-primary;
}
body {
padding: 0 2rem;
header,
footer {
margin-left: -2rem;
margin-right: -2rem;
@include mobile {
margin-left: -1rem;
margin-right: -1rem;
}
}
@include mobile {
padding: 0 1rem;
}
}