Chaning way to load cartoassets stylesheets

2017-05-23 17:54:22 +02:00
parent bbf8a2ba82
commit 007b851962
47 changed files with 179 additions and 275 deletions
@@ -22,9 +22,6 @@
 ```
 */

-@import '../cdb-variables/sizes';
-@import '../cdb-variables/colors';
-
 .CDB-AvatarList {
  padding-left: 12px;
 }
@@ -10,10 +10,6 @@
 ```
 */

-@import '../cdb-utilities/mixins';
-@import '../cdb-variables/sizes';
-@import '../cdb-variables/colors';
-
 .CDB-Box-modal {
  min-width: 160px;
  border: 1px solid $cMainLine;
@@ -159,11 +159,6 @@ Layout Component:
 ```
 */

-@import '../cdb-utilities/mixins';
-@import '../cdb-variables/sizes';
-@import '../cdb-variables/colors';
-
-
 .CDB-Button {
  @include transition(background, 300ms);
  position: relative;
@@ -12,12 +12,9 @@
 <div style="display: inline-block; width: 120px; height: 64px; margin: 0 24px 24px 0;" class="box Color-White"></div>
 <div style="display: inline-block; width: 120px; height: 64px; margin: 0 24px 24px 0;" class="box Color-SecondaryBackground"></div>
 <div style="display: inline-block; width: 120px; height: 64px; margin: 0 24px 24px 0;" class="box Color-ThirdBackground"></div>
-``` 
+```
 */

-@import '../cdb-variables/colors';
-
-
 .Color-Blue {
  background: $cBlue;
 }
@@ -125,5 +122,3 @@
 .Color-Error {
  background: $cError;
 }
-
-
@@ -20,11 +20,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-@import '../../cdb-utilities/mixins';
-
-
 .CDB-Checkbox {
  position: absolute;
  width: $baseSize * 2;
@@ -112,4 +107,3 @@
    opacity: 0;
  }
 }
-
@@ -109,10 +109,6 @@
 ```
 */

-@import '../../cdb-utilities/mixins';
-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-
 .CDB-DropdownContainer {
  position: relative;
  height: 250px;
@@ -11,10 +11,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-@import '../../cdb-utilities/helpers';
-
 .CDB-InputText {
  width: 100%;
  min-height: 32px;
@@ -83,9 +83,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-utilities/mixins';
-
 .CDB-Legend {
  width: $baseSize * 12;
 }
@@ -101,4 +98,3 @@
 .CDB-Fieldset-block {
  width: 100%;
 }
-
@@ -98,10 +98,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-@import '../../cdb-utilities/mixins';
-
 .CDB-OptionInput {
  width: 100%;
  height: $baseSize * 4;
@@ -21,11 +21,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-@import '../../cdb-utilities/mixins';
-
-
 .CDB-Radio {
  position: absolute;
  width: $baseSize * 2;
@@ -106,7 +101,3 @@
    background: $cBlue;
  }
 }
-
-
-
-
@@ -55,10 +55,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-@import '../../cdb-utilities/helpers';
-
 .CDB-Select {
  position: relative;
 }
@@ -72,11 +72,6 @@
 ```
 */

-@import '../../cdb-utilities/mixins';
-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-
-
 .CDB-TabsForms {
  border: 1px solid $cMainLine;
  border-radius: 4px;
@@ -93,9 +88,3 @@
 .CDB-TabsForms-button {
  padding: 7px 8px;
 }
-
-
-
-
-
-
@@ -11,10 +11,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-@import '../../cdb-utilities/helpers';
-
 .CDB-Textarea {
  width: 100%;
  padding: 7px 8px 6px;
@@ -28,10 +28,6 @@
 ```
 */

-@import '../../cdb-variables/sizes';
-@import '../../cdb-variables/colors';
-@import '../../cdb-utilities/mixins';
-
 .CDB-Toggle {
  position: absolute;
  width: $baseSize * 4;
@@ -145,7 +145,7 @@
  <div class="CDB-HeaderInfo-inner CDB-Text">
    <div class="CDB-HeaderInfo-title u-bSpace--m">
      <h2 class="CDB-Text CDB-HeaderInfo-titleText CDB-Size-large">Type</h2>
-      
+
      <div class="CDB-HeaderInfo-actions">
        <a href="#">
          <div class="CDB-Shape">
@@ -166,10 +166,6 @@
 ```
 */

-@import '../cdb-utilities/mixins';
-@import '../cdb-variables/sizes';
-@import '../cdb-variables/colors';
-
 .CDB-HeaderInfo {
  @include display-flex();
  @include align-items(flex-start);
@@ -10,9 +10,6 @@
 ```
 */

-@import '../cdb-variables/sizes';
-@import '../cdb-variables/colors';
-
 .CDB-ListDecoration-item {
  border-bottom: 1px solid $cSecondaryLine;

@@ -36,4 +33,3 @@
  padding: 12px 16px;
  text-align: left;
 }
-
@@ -12,10 +12,6 @@ This is the generic loader for widgets, maps, components, ...
 ```
 */

-@import '../cdb-utilities/mixins';
-@import '../cdb-variables/colors';
-@import '../cdb-variables/sizes';
-
 .CDB-Loader {
  position: absolute;
  top: 0;
@@ -128,9 +128,6 @@
 ```
 */

-@import '../cdb-variables/colors';
-@import '../cdb-variables/sizes';
-
 .CDB-NavMenu {
  position: relative;
  z-index: 2;
@@ -227,6 +224,3 @@
    color: $cSecondaryText;
  }
 }
-
-
-
@@ -43,8 +43,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape {
  width: 16px;
  height: 16px;
@@ -126,6 +124,3 @@ Description
    background: $cWhite;
  }
 }
-
-
-
@@ -16,8 +16,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-Arrow {
  position: relative;
  width: 1px;
@@ -55,8 +55,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-CircleItem {
  width: 14px;
  height: 14px;
@@ -151,6 +149,3 @@ Description
    background: $cHighlight;
  }
 }
-
-
-
@@ -43,8 +43,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-close {
  display: block;
  position: relative;
@@ -146,4 +144,3 @@ Description
    background: $cError;
  }
 }
-
@@ -43,8 +43,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-dash {
  position: relative;
  height: 100%;
@@ -80,6 +78,3 @@ Description
    background: $cWhite;
  }
 }
-
-
-
@@ -78,9 +78,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-@import '../../cdb-variables/sizes';
-
 .CDB-Shape-Dataset {
  padding-top: 1px;
  &.is-small {
@@ -12,9 +12,6 @@ You may resize and change the colors of the icons with the `glyph-`-classes. Ava
 ```
 */

-@import '../../cdb-variables/colors';
-@import '../../cdb-variables/sizes';
-
 .CDB-Shape-dot {
  display: inline-block;
  width: $baseSize;
@@ -55,8 +55,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-CircleItem {
  width: 13px;
  height: 13px;
@@ -30,9 +30,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-@import '../../cdb-variables/sizes';
-
 .CDB-Shape-hamburguer {
  width: $baseSize * 2;
  &:hover {
@@ -44,8 +44,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-magnify {
  display: block;
  position: relative;
@@ -85,8 +85,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-rectsHandle {
  position: relative;
  padding: 1px 0 0;
@@ -66,8 +66,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-paragraph {
  padding-top: 3px;
  text-align: left;
@@ -102,8 +102,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape-threePoints {
  display: inline-block;
  padding: 0 4px;
@@ -83,8 +83,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-ArrowToogle {
  position: relative;
  height: 100%;
@@ -37,8 +37,6 @@ Description
 ```
 */

-@import '../../cdb-variables/colors';
-
 .CDB-Shape {
  width: 16px;
  height: 16px;
@@ -23,11 +23,6 @@
 ```
 */

-@import '../cdb-utilities/mixins';
-@import '../cdb-variables/sizes';
-@import '../cdb-variables/colors';
-
-
 .CDB-Tag {
  padding: 0 3px;
  border: 1px solid $cBlue;
@@ -133,4 +128,3 @@
  background: rgba(0, 0, 0, 0.04);
  text-transform: uppercase;
 }
-
@@ -60,11 +60,6 @@
 ```
 */

-@import '../cdb-utilities/mixins';
-@import '../cdb-variables/colors';
-@import '../cdb-variables/sizes';
-
-
 .CDB-InfoTooltip {
  display: inline-block;
  position: absolute;
@@ -19,9 +19,6 @@
 ```
 */

-@import '../cdb-variables/sizes';
-@import '../cdb-variables/colors';
-
 .CDB-Text {
  font-family: 'Open Sans';
  $sFontWeight-normal: 400;
@@ -74,4 +71,3 @@
 .CDB-IconFont.is-disabled {
  opacity: 0.24;
 }
-