fix: codereview changes

eBay · Oct 4, 2023 · fbebc53 · fbebc53
1 parent 56b66d0
commit fbebc53
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 0 deletions.
diff --git a/dist/variables/variables.less b/dist/variables/variables.less
@@ -30,3 +30,40 @@
 @marketsans-filename-bold: "MarketSans-SemiBold-WebS";
 
 @font-family-default: @marketsans-fontname, Arial, sans-serif;
+// TODO: remove these in next major version
+@font-weight-regular: 500;
+@font-weight-bold: 700;
+
+@font-size-12: 0.75rem;
+@font-size-14: 0.875rem;
+@font-size-16: 1rem;
+@font-size-18: 1.125rem; // secret size
+@font-size-20: 1.25rem;
+@font-size-24: 1.5rem;
+@font-size-30: 1.875rem;
+@font-size-36: 2.25rem;
+@font-size-46: 2.875rem;
+@font-size-64: 4rem;
+
+@spacing-25: @spacing-100 * 0.25;
+@spacing-50: @spacing-100 * 0.5;
+@spacing-75: @spacing-100 * 0.75;
+@spacing-100: 8px;
+@spacing-125: @spacing-100 * 1.25;
+@spacing-150: @spacing-100 * 1.5;
+@spacing-200: @spacing-100 * 2;
+@spacing-250: @spacing-100 * 2.5;
+@spacing-300: @spacing-100 * 3;
+@spacing-400: @spacing-100 * 4;
+@spacing-450: @spacing-100 * 4.5;
+@spacing-600: @spacing-100 * 6;
+@spacing-800: @spacing-100 * 8;
+
+@font-size-giant-3: @font-size-46;
+@font-size-giant-2: @font-size-36;
+@font-size-giant-1: @font-size-30;
+@font-size-large-2: @font-size-24;
+@font-size-large-1: @font-size-20;
+@font-size-medium: @font-size-16;
+@font-size-regular: @font-size-14;
+@font-size-small: @font-size-12;
diff --git a/src/less/variables/variables.less b/src/less/variables/variables.less
@@ -30,3 +30,40 @@
 @marketsans-filename-bold: "MarketSans-SemiBold-WebS";
 
 @font-family-default: @marketsans-fontname, Arial, sans-serif;
+// TODO: remove these in next major version
+@font-weight-regular: 500;
+@font-weight-bold: 700;
+
+@font-size-12: 0.75rem;
+@font-size-14: 0.875rem;
+@font-size-16: 1rem;
+@font-size-18: 1.125rem; // secret size
+@font-size-20: 1.25rem;
+@font-size-24: 1.5rem;
+@font-size-30: 1.875rem;
+@font-size-36: 2.25rem;
+@font-size-46: 2.875rem;
+@font-size-64: 4rem;
+
+@spacing-25: @spacing-100 * 0.25;
+@spacing-50: @spacing-100 * 0.5;
+@spacing-75: @spacing-100 * 0.75;
+@spacing-100: 8px;
+@spacing-125: @spacing-100 * 1.25;
+@spacing-150: @spacing-100 * 1.5;
+@spacing-200: @spacing-100 * 2;
+@spacing-250: @spacing-100 * 2.5;
+@spacing-300: @spacing-100 * 3;
+@spacing-400: @spacing-100 * 4;
+@spacing-450: @spacing-100 * 4.5;
+@spacing-600: @spacing-100 * 6;
+@spacing-800: @spacing-100 * 8;
+
+@font-size-giant-3: @font-size-46;
+@font-size-giant-2: @font-size-36;
+@font-size-giant-1: @font-size-30;
+@font-size-large-2: @font-size-24;
+@font-size-large-1: @font-size-20;
+@font-size-medium: @font-size-16;
+@font-size-regular: @font-size-14;
+@font-size-small: @font-size-12;