← All changes | src/content-helper/common/css/variables.scss +17 -2 3.16.2 → 3.24.2 View file →

		@@ -10,8 +10,10 @@
10	10	$base-unit-20: 1rem; // 16px.
11	11	$base-unit-25: 1.25rem; // 20px.
12	12	$base-unit-30: 1.5rem; // 24px.
13	13	$base-unit-40: 2rem; // 32px.
	14	+$base-unit-50: 2.5rem; // 40px.
	15	+$base-unit-60: 3rem; // 48px.
14	16
15	17	/**
16	18	* This is a subset of the CSS variables defined in the Parse.ly dashboard. It
17	19	* is sourced from 1.44/src/styles/base.scss and defines some additional
		@@ -19,11 +21,14 @@
19	21	*/
20	22	.settings_page_parsely,
21	23	.wp-parsely-panel,
22	24	.wp-parsely-content-helper,
23		-.wp-parsely-excerpt-generator,
	25	+.parsely-dashboard-container,
	26	+.wp-parsely-excerpt-suggestions,
24	27	.editor-post-excerpt,
25	28	.wp-parsely-popover,
	29	+.wp-parsely-traffic-boost-preview-settings-popover,
	30	+.wp-parsely-traffic-boost-add-new-link-popover,
26	31	.wp-parsely-suggested-title-modal,
27	32	.wp-parsely-smart-linking-review-modal,
28	33	.wp-parsely-smart-linking-close-dialog,
29	34	.wp-parsely-block-overlay,
		@@ -73,8 +78,10 @@
73	78	--grid-unit-20: #{$base-unit-20}; // 16px.
74	79	--grid-unit-25: #{$base-unit-25}; // 20px.
75	80	--grid-unit-30: #{$base-unit-30}; // 24px.
76	81	--grid-unit-40: #{$base-unit-40}; // 32px.
	82	+ --grid-unit-50: #{$base-unit-50}; // 40px.
	83	+ --grid-unit-60: #{$base-unit-60}; // 48px.
77	84
78	85	/** Additional variables. **/
79	86	--font-size--smaller: 0.688rem; // 11px.
80	87	--font-size--small: #{$base-unit-15}; // 12px.
		@@ -79,9 +86,17 @@
79	86	--font-size--smaller: 0.688rem; // 11px.
80	87	--font-size--small: #{$base-unit-15}; // 12px.
81	88	--font-size--medium: 0.875rem; // 14px.
82	89	--font-size--large: #{$base-unit-20}; // 16px.
83		- --font-size--extra-large: 1.2rem;
	90	+ --font-size--extra-large: 1.2rem; // 19px.
	91	+ --font-size--bigger: 2rem; // 32px.
	92	+
	93	+ --dashboard-width: 64rem; // 1024px.
	94	+
84	95	--black: #000;
	96	+ --dashboard-accent: #b9f16b;
	97	+ --gray-350: #e1e3e5;
85	98	--sidebar-black: #1e1e1e;
86	99	--sidebar-white: #f0f0f0;
	100	+ --traffic-boost-header-background: rgba(56, 88, 233, 0.08);
	101	+ --white: #fff;
87	102	}