feat: update theme defaults

Author: luangjokaj

dist/cherry.css

@@ -1,6 +1,6 @@
 {
 	"name": "cherry-postcss",
-	"version": "0.0.2-14",
+	"version": "0.0.2-15",
 	"description": "Cherry for PostCSS",
 	"author": "Luan Gjokaj <[email protected]>",
 	"homepage": "https://cherry.design",

package-lock.json

@@ -9,8 +9,8 @@
 :root {
 	--max-width: 1280px;
 	--max-width-limit: 1440px;
-	--padding-top-body-mobile: 0px;
-	--padding-top-body-desktop: 0px;
+	--padding-top-body-mobile: 76px;
+	--padding-top-body-desktop: 76px;
 	--margin-container-mobile: 20px;
 	--margin-container-desktop: 20px;
 	--margin-row-default: -10px;
@@ -20,34 +20,34 @@
 	--gutter-col-medium: 30px;
 	--gutter-col-big: 50px;
 
-	--color-primary-light: #FDA4AF;
-	--color-primary: #F43F5E;
-	--color-primary-dark: #9F1239;
+	--color-primary-light: #fda4af;
+	--color-primary: #f43f5e;
+	--color-primary-dark: #9f1239;
 
-	--color-secondary-light: #7DD3FC;
-	--color-secondary: #0EA5E9;
+	--color-secondary-light: #7dd3fc;
+	--color-secondary: #0ea5e9;
 	--color-secondary-dark: #075985;
 
-	--color-tertiary-light: #D8B4FE;
-	--color-tertiary: #A855F7;
-	--color-tertiary-dark: #6B21A8;
+	--color-secondary-light: #d8b4fe;
+	--color-tertiary: #a855f7;
+	--color-tertiary-dark: #6b21a8;
 
-	--color-dark: #000;
-	--color-light: #FFF;
+	--color-dark: #000000;
+	--color-light: #ffffff;
 
-	--color-gray-light: #E5E7EB;
-	--color-gray: #9CA3AF;
-	--color-gray-dark: #4B5563;
+	--color-gray-light: #e5e7eb;
+	--color-gray: #9ca3af;
+	--color-gray-dark: #4b5563;
 
-	--color-success: #28A745;
-	--color-error: #DC3545;
-	--color-warning: #FFC107;
-	--color-info: #17A2B8;
+	--color-success: #28a745;
+	--color-error: #dc3545;
+	--color-warning: #ffc107;
+	--color-info: #17a2b8;
 
-	--font-text: 'Inter', sans-serif;
-	--font-head: 'Inter', sans-serif;
-	--font-special: 'Inter', sans-serif;
-	--font-mono: 'Inter', sans-serif;
+	--font-text: "Inter";
+	--font-head: "Inter";
+	--font-special: "Inter";
+	--font-mono: "Inter";
 
 	--size-hero1-mobile: 52px;
 	--lineheight-hero1-mobile: 1.15;
@@ -64,35 +64,35 @@
 	--size-hero3-desktop: 42px;
 	--lineheight-hero3-desktop: 1.15;
 
-	--size-h1-mobile: 38px;
-	--lineheight-h1-mobile: 1.2;
+	--size-h1-mobile: 30px;
+	--lineheight-h1-mobile: 1.20;
 	--size-h1-desktop: 40px;
-	--lineheight-h1-desktop: 1.2;
+	--lineheight-h1-desktop: 1.20;
 
-	--size-h2-mobile: 28px;
-	--lineheight-h2-mobile: 1.2;
+	--size-h2-mobile: 22px;
+	--lineheight-h2-mobile: 1.20;
 	--size-h2-desktop: 32px;
-	--lineheight-h2-desktop: 1.2;
+	--lineheight-h2-desktop: 1.20;
 
-	--size-h3-mobile: 24px;
-	--lineheight-h3-mobile: 1.2;
+	--size-h3-mobile: 18px;
+	--lineheight-h3-mobile: 1.20;
 	--size-h3-desktop: 28px;
-	--lineheight-h3-desktop: 1.2;
+	--lineheight-h3-desktop: 1.20;
 
-	--size-h4-mobile: 22px;
-	--lineheight-h4-mobile: 1.3;
+	--size-h4-mobile: 16px;
+	--lineheight-h4-mobile: 1.30;
 	--size-h4-desktop: 24px;
-	--lineheight-h4-desktop: 1.3;
+	--lineheight-h4-desktop: 1.30;
 
-	--size-h5-mobile: 18px;
-	--lineheight-h5-mobile: 1.4;
+	--size-h5-mobile: 14px;
+	--lineheight-h5-mobile: 1.40;
 	--size-h5-desktop: 20px;
-	--lineheight-h5-desktop: 1.4;
+	--lineheight-h5-desktop: 1.40;
 
-	--size-h6-mobile: 16px;
-	--lineheight-h6-mobile: 1.4;
+	--size-h6-mobile: 12px;
+	--lineheight-h6-mobile: 1.40;
 	--size-h6-desktop: 18px;
-	--lineheight-h6-desktop: 1.4;
+	--lineheight-h6-desktop: 1.40;
 
 	--size-eyebrow-mobile: 16px;
 	--lineheight-eyebrow-mobile: 1.35;
@@ -105,47 +105,47 @@
 	--lineheight-subtitle-desktop: 1.35;
 
 	--size-button-mobile: 16px;
-	--lineheight-button-mobile: 1;
+	--lineheight-button-mobile: 1.00;
 	--size-button-desktop: 16px;
-	--lineheight-button-desktop: 1;
+	--lineheight-button-desktop: 1.00;
 
 	--size-button-big-mobile: 18px;
-	--lineheight-button-big-mobile: 1;
+	--lineheight-button-big-mobile: 1.00;
 	--size-button-big-desktop: 18px;
-	--lineheight-button-big-desktop: 1;
+	--lineheight-button-big-desktop: 1.00;
 
 	--size-lead-mobile: 16px;
 	--lineheight-lead-mobile: 1.35;
 	--size-lead-desktop: 18px;
-	--lineheight-lead-desktop: 1.35;
+	--lineheight-lead-desktop: 1.45;
 
 	--size-input-mobile: 16px;
-	--lineheight-input-mobile: 1;
+	--lineheight-input-mobile: 1.00;
 	--size-input-desktop: 16px;
-	--lineheight-input-desktop: 1;
+	--lineheight-input-desktop: 1.00;
 
 	--size-input-big-mobile: 18px;
-	--lineheight-input-big-mobile: 1;
+	--lineheight-input-big-mobile: 1.00;
 	--size-input-big-desktop: 18px;
-	--lineheight-input-big-desktop: 1;
+	--lineheight-input-big-desktop: 1.00;
 
 	--size-strong-mobile: 14px;
-	--lineheight-strong-mobile: 1.5;
+	--lineheight-strong-mobile: 1.50;
 	--size-strong-desktop: 16px;
-	--lineheight-strong-desktop: 1.5;
+	--lineheight-strong-desktop: 1.50;
 
 	--size-text-mobile: 14px;
-	--lineheight-text-mobile: 1.5;
+	--lineheight-text-mobile: 1.50;
 	--size-text-desktop: 16px;
-	--lineheight-text-desktop: 1.5;
+	--lineheight-text-desktop: 1.50;
 
 	--size-small-mobile: 12px;
-	--lineheight-small-mobile: 1.3;
+	--lineheight-small-mobile: 1.30;
 	--size-small-desktop: 14px;
-	--lineheight-small-desktop: 1.3;
+	--lineheight-small-desktop: 1.30;
 
-	--size-blockquote-mobile: 16px;
-	--lineheight-blockquote-mobile: 1.5;
+	--size-blockquote-mobile: 14px;
+	--lineheight-blockquote-mobile: 1.50;
 	--size-blockquote-desktop: 18px;
-	--lineheight-blockquote-desktop: 1.5;
+	--lineheight-blockquote-desktop: 1.50;
 }