From 389a834d279548b95169404a3fb6082756db1ff2 Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Wed, 6 Apr 2016 16:07:34 +0200 Subject: [PATCH 1/3] add type layer --- src/scss/cdb-components/shapes/type.scss | 115 +++++++++++++++++++++++ 1 file changed, 115 insertions(+) create mode 100644 src/scss/cdb-components/shapes/type.scss diff --git a/src/scss/cdb-components/shapes/type.scss b/src/scss/cdb-components/shapes/type.scss new file mode 100644 index 0000000..2aaa67a --- /dev/null +++ b/src/scss/cdb-components/shapes/type.scss @@ -0,0 +1,115 @@ +/* SG +# Shapes/Type + +Description + +``` +

8px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+``` +*/ + +@import '../../cdb-variables/colors'; + +.CDB-Shape { + width: 16px; + height: 16px; + text-align: center; +} +.CDB-Shape--small { + width: 8px; + height: 8px; +} +.CDB-Shape--medium { + width: 24px; + height: 24px; +} +.CDB-Shape:hover { + cursor: pointer; +} + +.CDB-Type { + position: relative; + width: 100%; + height: 100%; +} + +.CDB-Type-circle { + position: absolute; + width: 3px; + height: 3px; + border-radius: 50%; + background: $cHoverLine; +} +.CDB-Type-circle--01 { + top: 0; + left: 0; +} +.CDB-Type-circle--02 { + top: 0; + right: 0; +} +.CDB-Type-circle--03 { + bottom: 0; + left: 0; +} +.CDB-Type-circle--04 { + right: 0; + bottom: 0; +} + +.CDB-Type--polygon::before { + display: block; + position: absolute; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + border: 1px solid $cHoverLine; + content: ''; +} + +.CDB-Type--line::before { + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 3px; + width: 1px; + transform: rotate(45deg); + background: $cHoverLine; + content: ''; +} + + + + From e010394bb191afc0dcd47f2f5df809ea8089d6f4 Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Wed, 6 Apr 2016 16:09:46 +0200 Subject: [PATCH 2/3] fix point type --- src/scss/cdb-components/shapes/type.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scss/cdb-components/shapes/type.scss b/src/scss/cdb-components/shapes/type.scss index 2aaa67a..c4edab5 100644 --- a/src/scss/cdb-components/shapes/type.scss +++ b/src/scss/cdb-components/shapes/type.scss @@ -8,9 +8,9 @@ Description
-
+
From e9728de4201ed2fa516b8201d698cf08cf9f56a5 Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Wed, 6 Apr 2016 16:21:58 +0200 Subject: [PATCH 3/3] remove blank lines --- src/scss/cdb-components/shapes/type.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/scss/cdb-components/shapes/type.scss b/src/scss/cdb-components/shapes/type.scss index c4edab5..1a6decc 100644 --- a/src/scss/cdb-components/shapes/type.scss +++ b/src/scss/cdb-components/shapes/type.scss @@ -109,7 +109,3 @@ Description background: $cHoverLine; content: ''; } - - - -