1 files changed, 58 insertions, 0 deletions
diff --git a/.ng2-component-lab/ng2-component-lab.scss b/.ng2-component-lab/ng2-component-lab.scss
new file mode 100644
index 0000000..28f0f7b
--- /dev/null
+++ b/.ng2-component-lab/ng2-component-lab.scss
@@ -0,0 +1,58 @@
+@font-face {
+  font-family: 'OpenSans-Regular';
+  font-style: normal;
+  font-weight: 400;
+  src:
+          local('Open Sans Regular'),
+          local('OpenSans-Regular'),
+          url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'),
+          url(http://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)  format('woff');
+}
+@font-face {
+  font-family: 'OpenSans-Italic';
+  font-style: normal;
+  font-weight: 400;
+  src:
+          local('Open Sans Italic'),
+          local('OpenSans-Italic'),
+          url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'),
+          url(http://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
+}
+@font-face {
+  font-family: 'OpenSans-Semibold';
+  font-style: normal;
+  font-weight: 400;
+  src:
+          local('Open Sans Semibold'),
+          local('OpenSans-Semibold'),
+          url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'),
+          url(http://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff)   format('woff');
+}
+
+@import '../src/style/scss/style.scss';
+
+.colors-table {
+  width: 75%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  font-size: 13px;
+  .color-section {
+    display: flex;
+    flex-direction: column;
+    margin: 10px 0;
+    min-width: 150px;
+    div {
+      align-self: center;
+      user-select: text;
+    }
+    $circle-size: 40px;
+    .color-circle {
+      height: $circle-size;
+      width: $circle-size;
+      border-radius: $circle-size;
+      padding: 10px;
+      text-align: center;
+    }
+  }
+}