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

71 lines
2.1 KiB
SCSS
Raw Normal View History

Update/@wordpress components base styles (https://github.com/woocommerce/woocommerce-admin/pull/4427)
2020-06-10 01:55:06 +00:00
// Import Gutenberg variables
@import 'node_modules/@wordpress/base-styles/colors';
@import 'node_modules/@wordpress/base-styles/variables';
@import 'node_modules/@wordpress/base-styles/mixins';
@import 'node_modules/@wordpress/base-styles/breakpoints';
@import 'node_modules/@wordpress/base-styles/animations';
@import 'node_modules/@wordpress/base-styles/z-index';
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
Add fallback gutter for browsers that don't support CSS Custom properties (https://github.com/woocommerce/woocommerce-admin/pull/372)
2018-09-11 07:27:13 +00:00
$fallback-gutter: 24px;
$fallback-gutter-large: 40px;
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
$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;
Scroll to top of the table when navigating table pages (https://github.com/woocommerce/woocommerce-admin/pull/2051) * Scroll to top of the table when navigating table pages * Cleanup * Avoid using scroll-padding-top * Add space between the table top and the scroll point * Only call if the page is different * Move focus to the top of the table when switching pages * Use CSS variables in the Activity Panel and breadcrumbs CSS (https://github.com/woocommerce/woocommerce-admin/pull/2096) * Use CSS variables in the Activity Panel and breadcrumbs CSS * Cleanup * Focus on table element when navigating pages
2019-04-30 09:43:55 +00:00
// Header
Header: Adjust sizes at all breakpoints (https://github.com/woocommerce/woocommerce-admin/pull/2562) * Adjust activity panel sizes. * one header size to rule them all.
2019-07-04 15:58:08 +00:00
$header-height: 56px;
Scroll to top of the table when navigating table pages (https://github.com/woocommerce/woocommerce-admin/pull/2051) * Scroll to top of the table when navigating table pages * Cleanup * Avoid using scroll-padding-top * Add space between the table top and the scroll point * Only call if the page is different * Move focus to the top of the table when switching pages * Use CSS variables in the Activity Panel and breadcrumbs CSS (https://github.com/woocommerce/woocommerce-admin/pull/2096) * Use CSS variables in the Activity Panel and breadcrumbs CSS * Cleanup * Focus on table element when navigating pages
2019-04-30 09:43:55 +00:00
Onboarding: Add the task list dashboard (https://github.com/woocommerce/woocommerce-admin/pull/2654) * Add task list dashboard page * Add actual site URL to header * Fix typos * Remove app bar * Use material icons * Update material icons to use Google hosted font * Localize description strings
2019-07-18 10:11:21 +00:00
// Sidebar
$sidebar-width: 272px;
Format todo comments to match WC Core format (https://github.com/woocommerce/woocommerce-admin/pull/1474) * Format todo comments to match WC Core format * Remove variations todo comment
2019-02-06 06:41:53 +00:00
// @todo Remove this spacing variable
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
$spacing: 16px;
add theming to Gutenberg components'
2018-07-20 03:40:15 +00:00
Component styles: Explicitly import from Gutenberg (https://github.com/woocommerce/woocommerce-admin/pull/3292) * Fix Gutenberg style imports * remove duplicate variables * remove extra variables * remove duplicate imports * move base style imports to webpack
2019-11-22 00:19:37 +00:00
// Gutenberg variable overrides.
Update to Color Studio v2.1.0 (https://github.com/woocommerce/woocommerce-admin/pull/2837) * Update color-studio to v2.1.0 * Handle additional color updates after rebase.
2019-08-29 16:07:56 +00:00
$white: $studio-white;
$black: $studio-black;
Import all used Gutenberg component styles. (https://github.com/woocommerce/woocommerce-admin/pull/2679) Fixes postcss theme overrides.
2019-08-15 16:51:21 +00:00
$light-gray-100: $core-grey-light-100;
$light-gray-200: $core-grey-light-200;
$light-gray-300: $core-grey-light-300;
$light-gray-400: $core-grey-light-400;
add theming to Gutenberg components'
2018-07-20 03:40:15 +00:00
$light-gray-500: $core-grey-light-500;
Import all used Gutenberg component styles. (https://github.com/woocommerce/woocommerce-admin/pull/2679) Fixes postcss theme overrides.
2019-08-15 16:51:21 +00:00
$light-gray-600: $core-grey-light-600;
$light-gray-700: $core-grey-light-700;
$light-gray-800: $core-grey-light-800;
$light-gray-900: $core-grey-light-900;
$dark-gray-100: $core-grey-dark-100;
$dark-gray-200: $core-grey-dark-200;
$dark-gray-300: $core-grey-dark-300; // This & below have 4.5+ contrast against white
$dark-gray-400: $core-grey-dark-400;
$dark-gray-500: $core-grey-dark-500;
$dark-gray-600: $core-grey-dark-600;
Revert "Revert "Update to new Snackbar component and notice store"" (https://github.com/woocommerce/woocommerce-admin/pull/2643) * Revert "Revert "Update to new Snackbar component and notice store"" * Update uploader component to use createNotice * Bump required WP version to 5.2 * Update required PHP and WP versions in plugin header
2019-07-23 03:26:46 +00:00
$dark-gray-700: $core-grey-dark-700;
Import all used Gutenberg component styles. (https://github.com/woocommerce/woocommerce-admin/pull/2679) Fixes postcss theme overrides.
2019-08-15 16:51:21 +00:00
$dark-gray-800: $core-grey-dark-800;
add theming to Gutenberg components'
2018-07-20 03:40:15 +00:00
$dark-gray-900: $core-grey-dark-900;
$alert-red: $error-red;
Import all used Gutenberg component styles. (https://github.com/woocommerce/woocommerce-admin/pull/2679) Fixes postcss theme overrides.
2019-08-15 16:51:21 +00:00
$alert-yellow: $notice-yellow;
$alert-green: $valid-green;
Set minimum content height to prevent cutoff of absolute content (https://github.com/woocommerce/woocommerce-admin/pull/1166) * Set minimum content height to prevent cutoff of absolute content * Add admin bar height vars for SCSS and apply them
2018-12-25 04:34:24 +00:00
// WordPress defaults
$adminbar-height: 32px;
$adminbar-height-mobile: 46px;
Update Card component to use Muriel design (https://github.com/woocommerce/woocommerce-admin/pull/2252) * Use Muriel card styling and override card styles in reports * Add card description prop * Add isInactive prop and styling to card component
2019-05-22 08:38:25 +00:00
Update to Color Studio v2.1.0 (https://github.com/woocommerce/woocommerce-admin/pull/2837) * Update color-studio to v2.1.0 * Handle additional color updates after rebase.
2019-08-29 16:07:56 +00:00
// wp-admin colors
$wp-admin-background: #f1f1f1;
$wp-admin-sidebar: #24292d;
Update Card component to use Muriel design (https://github.com/woocommerce/woocommerce-admin/pull/2252) * Use Muriel card styling and override card styles in reports * Add card description prop * Add isInactive prop and styling to card component
2019-05-22 08:38:25 +00:00
// Muriel
Add onboarding profile wizard step 1 (https://github.com/woocommerce/woocommerce-admin/pull/2260) * Add onboarding step 1 content * Add onboarding content styling * Extract step 1 specific styles to separate stylesheet * Update muriel box shadow variable names
2019-05-22 16:19:56 +00:00
$muriel-box-shadow-1dp: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
Update Card component to use Muriel design (https://github.com/woocommerce/woocommerce-admin/pull/2252) * Use Muriel card styling and override card styles in reports * Add card description prop * Add isInactive prop and styling to card component
2019-05-22 08:38:25 +00:00
0 1px 3px 0 rgba(0, 0, 0, 0.12);
Add Autocomplete component (https://github.com/woocommerce/woocommerce-admin/pull/2808)
2019-08-21 06:41:42 +00:00
$muriel-box-shadow-6dp: 0 3px 5px rgba(0, 0, 0, 0.2), 0 1px 18px rgba(0, 0, 0, 0.12),
0 6px 10px rgba(0, 0, 0, 0.14);
Add onboarding profile wizard step 1 (https://github.com/woocommerce/woocommerce-admin/pull/2260) * Add onboarding step 1 content * Add onboarding content styling * Extract step 1 specific styles to separate stylesheet * Update muriel box shadow variable names
2019-05-22 16:19:56 +00:00
$muriel-box-shadow-8dp: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12);