archetype 0.0.1.pre.3.90263a7 → 0.0.1.pre.3.811928f

data/test/fixtures/stylesheets/archetype/expected/styleguide/drop.css

@@ -1,63 +0,0 @@
-.dropping-styles-test {
-  /* should contain hover state and .test selector */
-  display: block;
-  color: red;
-  background: green;
-}
-.dropping-styles-test.hover, .dropping-styles-test:hover, .dropping-styles-test.focus, .dropping-styles-test:focus {
-  background: #eeeeee;
-  border: 2px solid red;
-}
-.dropping-styles-test.hover .test, .dropping-styles-test:hover .test, .dropping-styles-test.focus .test, .dropping-styles-test:focus .test {
-  padding: 100px;
-  margin: 20px;
-}
-.dropping-styles-test.parent {
-  /* should contain hover state and .test selector */
-  display: none;
-  color: black;
-  background: green;
-}
-.dropping-styles-test.parent.hover, .dropping-styles-test.parent:hover, .dropping-styles-test.parent.focus, .dropping-styles-test.parent:focus {
-  background: #eeeeee;
-  border: 2px solid red;
-}
-.dropping-styles-test.parent.hover .test, .dropping-styles-test.parent:hover .test, .dropping-styles-test.parent.focus .test, .dropping-styles-test.parent:focus .test {
-  padding: 100px;
-  margin: 20px;
-}
-.dropping-styles-test.heir {
-  /* should contain hover state and .test selector */
-  display: none;
-  color: black;
-  background: green;
-}
-.dropping-styles-test.heir.hover, .dropping-styles-test.heir:hover, .dropping-styles-test.heir.focus, .dropping-styles-test.heir:focus {
-  background: #eeeeee;
-  border: 2px solid red;
-}
-.dropping-styles-test.heir.hover .test, .dropping-styles-test.heir:hover .test, .dropping-styles-test.heir.focus .test, .dropping-styles-test.heir:focus .test {
-  padding: 100px;
-  margin: 20px;
-}
-.dropping-styles-test.dropped {
-  /* should only contain color:yellow */
-  color: yellow;
-}
-.dropping-styles-test.dropped2 {
-  /* should contain color:yellow, custom :hover, :active */
-  color: yellow;
-}
-.dropping-styles-test.dropped2.hover, .dropping-styles-test.dropped2:hover, .dropping-styles-test.dropped2.focus, .dropping-styles-test.dropped2:focus {
-  color: blue;
-}
-.dropping-styles-test.dropped2.active, .dropping-styles-test.dropped2:active {
-  color: green;
-  width: 100%;
-}
-.dropping-styles-test.dropped3 {
-  /* should only contain color:purple */
-  display: block;
-  color: purple;
-  background: green;
-}

data/test/fixtures/stylesheets/archetype/expected/styleguide/extend.css

@@ -1,7 +0,0 @@
-.some-extend-class, .extend-styleguide-test {
-  color: red;
-}
-
-.extend-styleguide-test {
-  background: green;
-}

data/test/fixtures/stylesheets/archetype/expected/styleguide/invalid_structures.css

@@ -1,21 +0,0 @@
-.test-missing-nil {
-  color: red;
-}
-
-.test-missing-nil-2 {
-  color: yellow;
-}
-
-.test-missing-nil-3 {
-  color: blue;
-}
-.test-missing-nil-3.hover, .test-missing-nil-3:hover, .test-missing-nil-3.focus, .test-missing-nil-3:focus {
-  color: black;
-  background: green;
-  font-weight: bold;
-}
-
-.test-missing-comma {
-  color: white;
-  background: green;
-}

data/test/fixtures/stylesheets/archetype/expected/styleguide/multi_value.css

@@ -1,13 +0,0 @@
-.multi-value-styleguide-test {
-  color: gray;
-  color: rgba(0, 0, 0, 0.7);
-  background: white;
-  background: transparent;
-  *color: blue;
-}
-.ie.ie8 .multi-value-styleguide-test {
-  color: red;
-}
-.multi-value-styleguide-test, .multi-value-styleguide-test x:-moz-any-link {
-  color: pink;
-}

data/test/fixtures/stylesheets/archetype/expected/utilities/associative.css

@@ -1,9 +0,0 @@
-.test {
-  a: "1";
-  b: "2";
-  c: "5";
-  d: "6";
-  e: "5";
-  f: "6";
-  g: "1";
-}

data/test/fixtures/stylesheets/archetype/expected/utilities/custom_output_styler.css

@@ -1,8 +0,0 @@
-.test {
-  font-size: 13px;
-  line-height: 17px;
-  /* post override */
-  color: #222222;
-  /* pre override */
-  font-weight: normal;
-}

data/test/fixtures/stylesheets/archetype/source/base.scss

@@ -1,3 +0,0 @@
-@import "archetype";
-
-@include generate-loader-keyframes();

data/test/fixtures/stylesheets/archetype/source/hacks/transparent_focusable.scss

@@ -1,5 +0,0 @@
-@import "archetype";
-
-.test {
-  @include transparent-focusable();
-}

data/test/fixtures/stylesheets/archetype/source/locale.scss

@@ -1,43 +0,0 @@
-@import "archetype";
-
-// test for a simple locale
-.en_US {
-  @if(locale(en_US)) {
-    content: "en_US";
-  }
-}
-
-// test for a wildcard territory
-.en_wild {
-  @if(locale(en_)) {
-    content: "en_*";
-  }
-}
-
-// test for a wildcard language
-.wild_US {
-  @if(locale(_US)) {
-    content: "*_US";
-  }
-}
-
-// multiple locales, one valid
-.one {
-  @if(locale(de_DE fr_FR pt_ en_US)) {
-    content: "one of de_DE fr_FR pt_ en_US";
-  }
-}
-
-// multiple locales, none valid
-.not {
-  @if(not locale(ja_JP pt_BR _GB de_)) {
-    content: "not one of ja_JP pt_BR _GB de_";
-  }
-}
-
-// test that the lang() alias works
-.lang {
-  @if(lang(en_US)) {
-    content: "en_US";
-  }
-}

data/test/fixtures/stylesheets/archetype/source/styleguide/alerts.scss

@@ -1,21 +0,0 @@
-@import "archetype";
-
-@each $type in (error success notice yield) {
-  .alert.#{$type} {
-    @include styleguide($type alert);
-    .dismiss {
-      @include styleguide(close in a $type alert);
-    }
-  }
-}
-
-$CONFIG_GENERATED_TAG_INLINE: false;
-
-@each $type in (error success notice yield) {
-  .alert.#{$type} {
-    @include styleguide($type alert);
-    .dismiss {
-      @include styleguide(close in a $type alert);
-    }
-  }
-}

data/test/fixtures/stylesheets/archetype/source/styleguide/drop.scss

@@ -1,101 +0,0 @@
-@import "archetype";
-
-@if not styleguide-component-exists(dropping-styles-test, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(dropping-styles-test, (), (
-  (default, (
-    display         block,
-    color           red,
-    background      green,
-    (states, (
-      (hover, (
-        styleguide  module,
-        border      (2px solid red),
-        (selectors, (
-          ('.test', (
-            padding  100px,
-            margin   20px
-          )),
-          nil
-        ))
-      )),
-      nil
-    ))
-  )),
-  (parent, (
-    display         none,
-    color           black
-  )),
-  (heir, (
-    inherit (parent),
-    nil
-  )),
-  (dropped, (
-    drop            true,
-    color           yellow
-  )),
-  (dropped2, (
-    drop            true,
-    color           yellow,
-    (states, (
-      (hover, (
-        color       blue,
-        nil
-      )),
-      (active, (
-        color       green,
-        width       100%
-      )),
-      nil
-    ))
-  )),
-  (dropped3, (
-    color           purple,
-    (states, (
-      drop          hover,  // TODO: this is currently throwing an ambiguous warning, need to investigate
-      nil
-    )),
-    nil
-  )),
-  (dropped4, (
-    color           purple,
-    (states, (
-      (hover, (
-        drop        selectors,
-        nil
-      )),
-      nil
-    ))
-  )),
-  nil
-), $CONFIG_THEME);
-}
-
-.dropping-styles-test {
-  /* should contain hover state and .test selector */
-  @include styleguide(dropping-styles-test);
-  &.parent {
-    /* should contain hover state and .test selector */
-    @include styleguide(parent dropping-styles-test);
-  }
-  &.heir {
-    /* should contain hover state and .test selector */
-    @include styleguide(heir dropping-styles-test);
-  }
-  &.dropped {
-    /* should only contain color:yellow */
-    @include styleguide(dropped dropping-styles-test);
-  }
-  &.dropped2 {
-    /* should contain color:yellow, custom :hover, :active */
-    @include styleguide(dropped2 dropping-styles-test);
-  }
-  &.dropped3 {
-    /* should only contain color:purple */
-    @include styleguide(dropped3 dropping-styles-test);
-  }
-  // TODO fix this guy: drops nested multiple levels deep don't resolve yet :(
-  //&.dropped4 {
-  //  /* should contain color:purple, :hover, but no `.test` selector */
-  //  @include styleguide(dropped4 dropping-styles-test);
-  //}
-}

data/test/fixtures/stylesheets/archetype/source/styleguide/extend.scss

@@ -1,23 +0,0 @@
-@import "archetype";
-
-.some-extend-class {
-  color: red;
-}
-
-%some-extend-placeholder {
-  background: green;
-}
-
-@if not styleguide-component-exists(extend-styleguide-test, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(extend-styleguide-test, (), (
-  (default, (
-    extend    '.some-extend-class',
-    extend    '%some-extend-placeholder'
-  )),
-  nil
-), $CONFIG_THEME);
-}
-
-.extend-styleguide-test {
-  @include styleguide(extend-styleguide-test);
-}

data/test/fixtures/stylesheets/archetype/source/styleguide/invalid_structures.scss

@@ -1,85 +0,0 @@
-@import "archetype";
-
-// this should throw a warning because we can't retrieve the key-value pairs for the top level
-@if not styleguide-component-exists(test-missing-nil, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(test-missing-nil, (), (
-  (default, (
-    color       red,
-    nil
-  ))
-  // missing nil
-), $CONFIG_THEME);
-}
-
-// this should still throw a warning because we can't retrieve the key-value pairs for the properties
-@if not styleguide-component-exists(test-missing-nil-2, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(test-missing-nil-2, (), (
-  (default, (
-    color       yellow
-    // missing nil
-  )),
-  nil
-), $CONFIG_THEME);
-}
-
-// this should still throw a warning because we can't retrieve the key-value pairs for the properties
-@if not styleguide-component-exists(test-missing-comma, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(test-missing-nil-3, (), (
-  (default, (
-    color       blue,
-    (states, (
-      (hover, (
-        color           black,
-        background      green,
-        font-weight     bold
-      ))
-    ))
-  )),
-  nil
-), $CONFIG_THEME);
-}
-
-// this should throw a warning because we probably forgot a comma somewhere
-@if not styleguide-component-exists(test-missing-comma, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(test-missing-comma, (), (
-  (default, (
-    color       white,
-    background  green // missing comma
-    (states, (
-      (hover, (
-        color           black,
-        background      green,
-        font-weight     bold
-      )),
-      nil
-    ))
-  )),
-  nil
-), $CONFIG_THEME);
-}
-
-// this should throw a warning because we used an empty value for a property
-@if not styleguide-component-exists(test-empty-value, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(test-empty-value, (), (
-  (default, (
-    color   // this is ambiguous, but shouldn't cause an error
-  )),
-  nil
-), $CONFIG_THEME);
-}
-
-.test-missing-nil {
-  @include styleguide(test-missing-nil);
-}
-.test-missing-nil-2 {
-  @include styleguide(test-missing-nil-2);
-}
-.test-missing-nil-3 {
-  @include styleguide(test-missing-nil-3);
-}
-.test-missing-comma {
-  @include styleguide(test-missing-comma);
-}
-.test-empty-value {
-  @include styleguide(test-empty-value);
-}

data/test/fixtures/stylesheets/archetype/source/styleguide/multi_value.scss

@@ -1,18 +0,0 @@
-@import "archetype";
-
-@if not styleguide-component-exists(multi-value-styleguide-test, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(multi-value-styleguide-test, (), (
-  (default, (
-    color           gray,
-    color           rgba(0,0,0, 0.7),
-    background      white,
-    background      transparent,
-    target-browser  (ie lte 7, color, blue),
-    target-browser  (ie 8, color, red),
-    target-browser  (firefox, color, pink)
-  ))
-), $CONFIG_THEME);
-}
-.multi-value-styleguide-test {
-  @include styleguide(multi-value-styleguide-test);
-}

data/test/fixtures/stylesheets/archetype/source/utilities/associative.scss

@@ -1,24 +0,0 @@
-@import "archetype";
-
-$test: (
-  (one, (
-    '1',
-    '2',
-    '3'
-  )),
-  (two, (
-    '4',
-    '5',
-    '6'
-  ))
-);
-
-.test {
-  a: nth(associative($test, one), 1);     // 1
-  b: nth(associative($test, one), 2);     // 2
-  c: nth(associative($test, two), 2);     // 5
-  d: nth(associative($test, two), 3);     // 6
-  e: nth(associative($test, 'two'), 2);   // 5
-  f: nth(associative($test, 'two'), 3);   // 6
-  g: nth(associative($test, three), 1);   // 1
-}