aboutsummaryrefslogtreecommitdiffstats
path: root/.ng2-component-lab/ng2-component-lab.scss
diff options
context:
space:
mode:
Diffstat (limited to '.ng2-component-lab/ng2-component-lab.scss')
-rw-r--r--.ng2-component-lab/ng2-component-lab.scss58
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;
+ }
+ }
+}