68 lines
1.3 KiB
SCSS
68 lines
1.3 KiB
SCSS
/* COLORS */
|
|
$color-consumo-base: #F28C8C;
|
|
$color-consumo-base-light: #F6B1B1;
|
|
$color-consumo-base-extra-light:#FAD1D1;
|
|
$color-button: #143E8C;
|
|
$color-button-hover: #1E58C7;
|
|
|
|
$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;
|
|
$color-green: #8cead8;
|
|
$color-dark-green: #22c6a9;
|
|
$color-darker-green: #0c505e;
|
|
$color-light-green: #bbf3e7;
|
|
$color-lighter-green: #ebfff9;
|
|
$color-lavender: #958bff;
|
|
$color-light: #ffffff;
|
|
|
|
$color-grey-inputs: #f3f3f3;
|
|
$color-greylighter: #d6d5d5;
|
|
$color-grey-nav: #e9e9e9;
|
|
$color-grey-inputs-border: #b3b3b3;
|
|
$color-greylayout: #807f7f;
|
|
$color-greylink: #999999;
|
|
$color-greytext: #808080;
|
|
$color-grey-darker: #3b3b3b;
|
|
|
|
$color-facebook: #3351a3;
|
|
$color-google: #346cf1;
|
|
$color-error: #B40502;
|
|
$color-success: #039B65;
|
|
|
|
/* FONT SIZE */
|
|
$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: 'Barlow', Arial, sans-serif;
|
|
$font-secondary: 'Barlow', Arial, sans-serif;
|
|
|
|
/* FONT WEIGHT */
|
|
$regular: 400;
|
|
$medium: 600;
|
|
$bold: 700;
|
|
|
|
/* BREAKPOINTS */
|
|
$tablet: 768px;
|
|
$desktop: 1200px;
|