woocommerce/plugins/woocommerce-admin/client/stylesheets/_variables.scss

/** @format */

$gutter: var(--main-gap);

$gap-large: 24px;
$gap: 16px;
$gap-small: 12px;
$gap-smallest: 4px;

// @todo remove this spacing variable
$spacing: 16px;
Update ActivityCard to latest hifi designs (https://github.com/woocommerce/woocommerce-admin/pull/203) * ActivityCard: Update to match new activity panel designs * Add spacing rhythm system, add the rest of the base colors * Add styles for the ActivityCard * Use the new ActivityCard in the orders panel * Update text color & size * Disable timestamped test (string changes based on date) * Use moment to generate a relative timestamp to match “3 days ago” snapshot * Rename spacing vars The difference between gap and gap-med is not intuitive, so let’s switch to -small, and change -small to -smallest. 2018-07-16 13:53:38 +00:00			`/** @format */`

			`$gutter: var(--main-gap);`

			`$gap-large: 24px;`
			`$gap: 16px;`
			`$gap-small: 12px;`
			`$gap-smallest: 4px;`

			`// @todo remove this spacing variable`
			`$spacing: 16px;`