From ea8da9d88a0d3f96ce4fa32943bab39e1093481e Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Fri, 29 Jan 2016 13:30:23 +0100 Subject: [PATCH] add assets --- src/fonts/cartoIcon.eot | Bin 18856 -> 18856 bytes src/fonts/cartoIcon.ttf | Bin 18684 -> 18684 bytes src/fonts/cartoIcon.woff | Bin 11836 -> 11836 bytes src/scss/cdb-components/shapes/add.scss | 126 ++++++++++++++ src/scss/cdb-components/shapes/move.scss | 140 ++++++++++++++++ src/scss/cdb-components/shapes/subtract.scss | 94 +++++++++++ .../cdb-components/shapes/toogle-arrow.scss | 157 ++++++++++++++++++ 7 files changed, 517 insertions(+) create mode 100644 src/scss/cdb-components/shapes/add.scss create mode 100644 src/scss/cdb-components/shapes/move.scss create mode 100644 src/scss/cdb-components/shapes/subtract.scss create mode 100644 src/scss/cdb-components/shapes/toogle-arrow.scss diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot index a07b1ff2e07227be842edb645583b412f26abaea..fee0da095cc0502fdae87dfc93a92eaa23222857 100644 GIT binary patch delta 55 zcmZ26nQ_Hr#tAmet8?oo+OK1tAP_Y1!&K?|+|}{?HeVUI8GkVV!KDk&x4`Jl3m7>( E0A^|x-2eap delta 55 zcmZ26nQ_Hr#tAmemp8Obv|q>Eo40S`hpEyn8!pH5+k9oG F005!y7fb*E diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf index 5fbce8e1e18568bfe0925802a57f70e3b9683cfd..9437c86a3871af192822af61ce1fae9b0ef30105 100644 GIT binary patch delta 47 wcmew}k@3$&#tDwh69j@Lx=fX>&s`nQZ}XLboADO|5L~+Od<%@;_=Up*0KPmE6951J delta 47 wcmew}k@3$&#tDwhy?Og4x=fXB*>E|Y-{va=H{&k`Ah>jX+AA2n@e79s0Oao!5&!@I diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff index 79b2a79d38e099205ea6dee043e043705074bfb0..60e4edac2986799b255f4c283ae81cab72b528bc 100644 GIT binary patch delta 61 zcmV-D0K)&gT)bS6c>|CTQn7rtCMk7+?D70IUm3U=e*r}pE?s!O1xCLq|NosUg7FWK T%fY||5(NO87Z0biTPNWLOVt`f delta 61 zcmV-D0K)&gT)bS6c>|4ZzOj6^CMnHR^yB$$zA|t#{sM|HTslAP6^wpU{{K5y1mhnd TmxF-`Bnkkih7aGfTPNWLnvEO9 diff --git a/src/scss/cdb-components/shapes/add.scss b/src/scss/cdb-components/shapes/add.scss new file mode 100644 index 0000000..e0a4ecc --- /dev/null +++ b/src/scss/cdb-components/shapes/add.scss @@ -0,0 +1,126 @@ +/* SG +# Shapes/Add + +Description + +``` +

16px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

12px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+``` +*/ + +@import '../../cdb-variables/colors'; + +.CDB-Shape { + width: 16px; + height: 16px; + text-align: center; + &:hover { + cursor: pointer; + } +} + +.CDB-Shape-add { + position: relative; + height: 100%; + + &::before { + display: block; + position: absolute; + right: 1px; + bottom: 7px; + left: 0; + height: 1px; + background: $cMainDark; + content: ''; + } + + &::after { + display: block; + position: absolute; + top: 1; + bottom: 0; + left: 7px; + width: 1px; + background: $cMainDark; + content: ''; + } +} + +.CDB-Shape-add.is-small { + + &::before { + display: block; + position: absolute; + right: 3px; + bottom: 7px; + left: 4px; + height: 1px; + background: $cMainDark; + content: ''; + } + + &::after { + display: block; + position: absolute; + top: 4px; + bottom: 3px; + left: 8px; + width: 1px; + background: $cMainDark; + content: ''; + } +} + + + +.CDB-Shape-add.is-blue { + &::before, + &::after { + background: $cBlue; + } +} + +.CDB-Shape-add.is-white { + &::before, + &::after { + background: $cWhite; + } +} + + + diff --git a/src/scss/cdb-components/shapes/move.scss b/src/scss/cdb-components/shapes/move.scss new file mode 100644 index 0000000..cdb8d40 --- /dev/null +++ b/src/scss/cdb-components/shapes/move.scss @@ -0,0 +1,140 @@ +/* SG +# Shapes/Move + +Description + +``` +

16px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

12px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+``` +*/ + +@import '../../cdb-variables/colors'; + +.CDB-Shape { + width: 16px; + height: 16px; + text-align: center; + + &:hover { + cursor: pointer; + } +} + +.CDB-Shape-Move { + padding: 1px 0 0; +} + +.CDB-Shape-Move.is-small { + padding: 3px 0 0 1px; + + .CDB-Shape-MoveItem { + margin-bottom: 2px; + + &::before { + width: 2px; + height: 2px; + } + &::after { + width: 2px; + height: 2px; + margin-left: 1px; + } + } +} + +.CDB-Shape-MoveItem { + margin-bottom: 3px; + + &:last-child { + margin-bottom: 0; + } + &::before { + display: inline-block; + width: 3px; + height: 3px; + background: $cMainDark; + content: ''; + } + + &::after { + display: inline-block; + width: 3px; + height: 3px; + margin-left: 2px; + background: $cMainDark; + content: ''; + } +} + +.CDB-Shape-MoveItem.is-blue { + &::before, + &::after { + background: $cBlue; + } +} + +.CDB-Shape-MoveItem.is-white { + &::before, + &::after { + background: $cWhite; + } +} diff --git a/src/scss/cdb-components/shapes/subtract.scss b/src/scss/cdb-components/shapes/subtract.scss new file mode 100644 index 0000000..c80d079 --- /dev/null +++ b/src/scss/cdb-components/shapes/subtract.scss @@ -0,0 +1,94 @@ +/* SG +# Shapes/Subtract + +Description + +``` +

16px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

12px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+``` +*/ + +@import '../../cdb-variables/colors'; + +.CDB-Shape { + width: 16px; + height: 16px; + text-align: center; + &:hover { + cursor: pointer; + } +} + +.CDB-Shape-subtract { + position: relative; + height: 100%; + + &::before { + display: block; + position: absolute; + right: 2px; + bottom: 7px; + left: 2px; + height: 1px; + background: $cMainDark; + content: ''; + } +} + +.CDB-Shape-subtract.is-small { + + &::before { + right: 3px; + left: 3px; + } +} + +.CDB-Shape-subtract.is-blue { + &::before { + background: $cBlue; + } +} + +.CDB-Shape-subtract.is-white { + &::before { + background: $cWhite; + } +} + + + diff --git a/src/scss/cdb-components/shapes/toogle-arrow.scss b/src/scss/cdb-components/shapes/toogle-arrow.scss new file mode 100644 index 0000000..da35dfb --- /dev/null +++ b/src/scss/cdb-components/shapes/toogle-arrow.scss @@ -0,0 +1,157 @@ +/* SG +# Shapes/Toogle Arrows + +Description + +``` +

16px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

12px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

16px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

12px

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+``` +*/ + +@import '../../cdb-variables/colors'; + +.CDB-Shape { + width: 16px; + height: 16px; + text-align: center; + + &:hover { + cursor: pointer; + } +} + +.CDB-ArrowToogle { + position: relative; + height: 100%; + + &::before { + display: block; + position: absolute; + top: 8px; + left: 0; + width: 10px; + height: 1px; + transform: rotate(-45deg); + background: $cMainDark; + content: ''; + } + &::after { + display: block; + position: absolute; + top: 8px; + right: -1px; + width: 10px; + height: 1px; + transform: rotate(45deg); + background: $cMainDark; + content: ''; + } +} + +.CDB-ArrowToogle.is-down { + transform: rotate(180deg); +} + +.CDB-ArrowToogle.is-small { + &::before { + left: 2px; + width: 8px; + } + &::after { + right: 1px; + width: 8px; + } +} + +.CDB-ArrowToogle.is-blue { + &::before { + background: $cBlue; + } + &::after { + background: $cBlue; + } +} + +.CDB-ArrowToogle.is-white { + &::before { + background: $cWhite; + } + &::after { + background: $cWhite; + } +}