Packages: Move Custom CSS Properties to new calypso-css-custom-properties package

assets/stylesheets/directly.scss

@@ -33,7 +33,7 @@
 // QUIT AND RESTART YOUR BROWSER NORMALLY WHEN YOU'RE DONE MAKING LOCAL CSS CHANGES.
 
 @import 'shared/mixins/mixins';
-@import 'shared/colors';
+@import '~@automattic/calypso-color-schemes/src/shared/colors';
 @import 'shared/extends-forms';
 @import 'shared/forms';
 @import 'shared/typography';

assets/stylesheets/editor.scss

@@ -1,6 +1,5 @@
-
-@import 'shared/colors';
-@import 'shared/color-schemes';
+@import '~@automattic/calypso-color-schemes/src/shared/colors';
+@import '~@automattic/calypso-color-schemes/src/shared/color-schemes';
 @import 'shared/typography';
 @import 'shared/mixins/breakpoints';
 

assets/stylesheets/shared/_utils.scss

@@ -1,7 +1,6 @@
-
 @import '../shared/functions'; // functions that we've used from Compass, ported over
 @import '../shared/functions/functions'; // sass functions for z-index, etc.
-@import '../shared/colors'; // import all of our wpcom colors
+@import '~@automattic/calypso-color-schemes/src/shared/colors'; // import all of our wpcom colors
 @import '../shared/typography'; // all the typographic rules, variables, etc.
 @import '../shared/variables'; // other variables
 @import '../shared/mixins/mixins'; // sass mixins for gradients, bordius radii, etc.

assets/stylesheets/shared/functions/_functions.scss

@@ -1,4 +1,3 @@
-
-@import 'hex-to-rgb';
+@import '~@automattic/calypso-color-schemes/src/shared/functions/_hex-to-rgb';
 @import 'overflow-gradient';
 @import 'z-index';

assets/stylesheets/style.scss

@@ -1,11 +1,10 @@
-
 // External Dependencies
 @import 'vendor';
 
 // Shared
 @import 'shared/reset'; // css reset before the rest of the styles are defined
 @import 'shared/utils'; // utilities that are used by all CSS but don't produce any code
-@import 'shared/color-schemes'; // import color schemes
+@import '~@automattic/calypso-color-schemes/src/shared/color-schemes'; // import color schemes
 @import 'shared/animation'; // all UI animation
 @import 'shared/forms'; // form styling
 @import 'shared/welcome'; // welcome messages