feat(core react angular): carbon styling

affects: @peretz/charts-angular, @peretz/charts, @peretz/charts-react, @peretz/charts-angular-storybook Carbon styling
carbon-design-system · Aug 15, 2018 · 5064f63 · 5064f63
1 parent 81dbec6
commit 5064f63
Show file tree

Hide file tree

Showing 14 changed files with 15,300 additions and 13,184 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/angular/demo/package-lock.json b/packages/angular/demo/package-lock.json
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
diff --git a/packages/core/demo/demo-data/colors.ts b/packages/core/demo/demo-data/colors.ts
@@ -1,14 +1,8 @@
 export const colors = [
-	"#009BEF",
-	"#95D13C",
-	"#785EF0",
-	"#F87EAC",
-	"#FFB000",
-	"#00B6CB",
-	"#FF5C49",
-	"#047CC0",
-	"#FE8500",
-	"#5A3EC8",
-	"#40D5BB",
-	"#FF509E"
+	"#00a68f",
+	"#3b1a40",
+	"#473793",
+	"#3c6df0",
+	"#56D2BB"
+	// 12 items needed
 ];
diff --git a/packages/core/demo/index.scss b/packages/core/demo/index.scss
@@ -2,9 +2,25 @@ $default_transition: all .1s ease-out;
 
 @import "../node_modules/prismjs/themes/prism.css";
 
+// Matter overrides
+$due_blue: #0063ff;
+.btn--icon-white {
+	background: $due_blue;
+}
+
+.btn-group--lg .btn--primary + .btn--primary-addon {
+    margin-left: 0;
+}
+
+.btn--primary-addon, .btn--primary {
+	background: $due_blue;
+	border-color: $due_blue;
+}
+
 html,
 body {
 	margin: 0;
+	background: #f4f7fa;
 }
 
 header.m-demo-header {
@@ -89,9 +105,10 @@ header.m-demo-header {
 	min-width: 300px;
 	max-width: 800px;
 	margin: auto;
-	background: #eff3f9;
-	margin-bottom: 30px;
-	padding: 30px;
+	margin-top: -1px;
+	// background: #eff3f9;
+	// padding: 30px;
+	margin-bottom: 45px;
 }
 
 .chart-title {