Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-admin/client/stylesheets/abstracts/_variables.scss

29 lines
588 B
SCSS
Raw Normal View History

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);
Layout: Add the 40px side gutters on 1100px+ screens (https://github.com/woocommerce/woocommerce-admin/pull/282)
2018-08-08 22:11:54 +00:00
$gutter-large: var(--large-gap);
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
Layout: Add the 40px side gutters on 1100px+ screens (https://github.com/woocommerce/woocommerce-admin/pull/282)
2018-08-08 22:11:54 +00:00
$gap-largest: 40px;
style updates per review
2018-08-23 18:21:04 +00:00
$gap-larger: 36px;
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
$gap-large: 24px;
$gap: 16px;
$gap-small: 12px;
Update/table component (https://github.com/woocommerce/woocommerce-admin/pull/251) * Update mock data to reflect latest API format * Update Table component to create a TableCard, TableSummary, and plain Table Use the TableCard container to display mocked revenue data * Add horizontal scroll only on the table itself * Remove `sortable` prop, base column sortability on whether the `value` is true/false Checking against a strict false should prevent any real 0 or ‘’ values from triggering unsortability * Add a checkbox to the demo table * Update accepted props * Update README for TableCard, Table, and TableSummary * Update README * Fix confused defaults
2018-08-01 16:00:45 +00:00
$gap-smaller: 8px;
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
$gap-smallest: 4px;
// @todo remove this spacing variable
$spacing: 16px;
add theming to Gutenberg components'
2018-07-20 03:40:15 +00:00
// Gutenberg Button variables. These are temporary until Gutenberg's variables are exposed.
$default-font-size: 13px;
$blue-medium-200: #bfe7f3;
$light-gray-500: $core-grey-light-500;
$dark-gray-300: $core-grey-dark-300;
$dark-gray-900: $core-grey-dark-900;
$alert-red: $error-red;
rebase with master after some afk
2018-08-08 11:00:45 +00:00
:export {
gaplarge: $gap-large;
gap: $gap;
}