archetype 0.0.1.pre.13 → 1.0.0.alpha.1

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

@@ -1,24 +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',
-    content   $CONTENT_PLACEHOLDER
-  )),
-  nil
-), $CONFIG_THEME);
-}
-
-.extend-styleguide-test {
-  @include styleguide(extend-styleguide-test);
-}

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

@@ -1,23 +0,0 @@
-// this case verifies that you can define `fallback` css properties
-
-@import "archetype";
-
-@if not styleguide-component-exists(fallback-styleguide-test, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(fallback-styleguide-test, (), (
-  (default, (
-    background      (transparent url(/some/img.png) repeat),
-    background      rbga(255, 0, 0, 0.9),
-    white-space     pre-wrap,
-    white-space     -moz-pre-wrap,
-    white-space     -pre-wrap,
-    white-space     -o-pre-wrap,
-    something       invalid,
-    something       valid,
-    content         $CONTENT_PLACEHOLDER
-  )),
-  nil
-), $CONFIG_THEME);
-}
-.fallback-styleguide-test {
-  @include styleguide(fallback-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/styleguide/nested_styleguides.scss

@@ -1,40 +0,0 @@
-// this case will test a couple of things, including
-// - nested `styleguide` calls
-// - nested selectors
-// - nested `styleguide` calls in nested selectors
-
-@import "archetype";
-
-@if not styleguide-component-exists(nested-styleguide-test, $CONFIG_THEME) {
-$a-blackhole: styleguide-add-component(nested-styleguide-test, (), (
-  (default, (
-    display         block,
-    color           red,
-    styleguide      (muted link without an underline),
-    background      green,
-    (states, (
-      (hover, (
-        styleguide  module,
-        nil
-      )),
-      nil
-    )),
-    (selectors, (
-      ('h3', (
-        styleguide  (large headline),
-        styleguide  (link without an underline),
-        nil
-      )),
-      ('&:after', (
-        color       red,
-        nil
-      ))
-    )),
-    nil
-  )),
-  nil
-), $CONFIG_THEME);
-}
-.nested-styleguide-test {
-  @include styleguide(nested-styleguide-test);
-}

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

@@ -1,22 +0,0 @@
-@import "archetype";
-
-.simple-button {
-  &.disabled {
-    @include styleguide(small primary button, $state: disabled);
-  }
-  &.my-custom-hover {
-    @include styleguide(small primary button, $state: hover);
-  }
-  &.normal {
-    @include styleguide(small primary button, $state: false);
-  }
-}
-
-.anchor {
-  &.missing {
-    @include styleguide(link, $state: missing);
-  }
-  &.my-custom-hover {
-    @include styleguide(link, $state: hover);
-  }
-}

data/test/fixtures/stylesheets/archetype/source/ui/glyph_icon.scss

@@ -1,35 +0,0 @@
-@import "archetype";
-
-@include base-glyph();
-
-.simple {
-  @include glyph-icon(caret-down);
-}
-
-.false {
-  @include glyph-icon(false, $placement: inline);
-}
-
-.size {
-  @include glyph-icon(caret-down, $size: 20px);
-}
-
-$CONFIG_GENERATED_TAG_INLINE: false;
-.not-inline {
-  @include glyph-icon(caret-down);
-}
-
-.ie-uid {
-  @include glyph-icon(caret-down, $ie-uid: my-custom-id);
-  #{$archetype-glyph-selector} {
-    color: pink;
-  }
-}
-
-.content-block {
-  @include glyph-icon(caret-down) {
-    position: absolute;
-    top: 10px;
-    left: 10px;
-  }
-}

data/test/fixtures/stylesheets/archetype/source/ui/hide_element.scss

@@ -1,5 +0,0 @@
-@import "archetype";
-
-.hide-element {
-  @include hide-element();
-}

data/test/fixtures/stylesheets/archetype/source/ui/stroke.scss

@@ -1,13 +0,0 @@
-@import "archetype";
-
-.stroke {
-  @include glyph-stroke();
-}
-
-.stroke-fat {
-  @include glyph-stroke(10px);
-}
-
-.stroke-colorful {
-  @include glyph-stroke(10px, red);
-}

data/test/fixtures/stylesheets/archetype/source/ui/triangle.scss

@@ -1,13 +0,0 @@
-@import "archetype";
-
-.a {
-  @include triangle();
-}
-
-.b {
-  @include triangle(top, 10px, 5px, black);
-}
-
-.c {
-  @include triangle(left top, 10px, 5px, black);
-}

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
-}

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

@@ -1,22 +0,0 @@
-@import "archetype";
-
-// define the test function
-@function has-custom-output-styler($property, $value, $method: pre) {
-  @if $property == color {
-    @return true;
-  }
-  // only if it's a post processing all values
-  @else if $property == line-height and $method == post {
-    @return true;
-  }
-  @return false;
-}
-
-// define the custom styler
-@mixin custom-output-styler($property, $value, $method: pre) {
-  #{$property}: $value; /* #{$method} override */
-}
-
-.test {
-  @include styleguide(copy);
-}

data/test/fixtures/stylesheets/archetype/source/utilities/if-set.scss

@@ -1,16 +0,0 @@
-@import "archetype";
-
-a {
-  @include if-set(margin, 5px);
-  @include if-set(border, 1px solid #ccc);
-}
-
-b {
-  @include if-set(margin, 5px, $ignore: (10px 20px));
-  @include if-set(border, 1px solid #ccc, $ignore: (1px solid #ddd, 1px solid #eee));
-}
-
-c {
-  @include if-set(margin, 5px, $ignore: (5px 10px 20px));
-  @include if-set(border, 1px solid #ccc, $ignore: (1px solid #ccc, 1px solid #ddd, 1px solid #eee));
-}

data/test/fixtures/stylesheets/archetype/source/utilities/spacing/horizontal-spacing.scss

@@ -1,27 +0,0 @@
-@import "archetype";
-
-a {
-  @include horizontal-spacing(4);
-  @include horizontal-spacing(4, $method: margin);
-}
-
-b {
-  @include horizontal-spacing(nil 4);
-  @include horizontal-spacing(nil 4, $method: margin);
-}
-
-c {
-  @include horizontal-spacing(4 nil);
-  @include horizontal-spacing(4 nil, $method: margin);
-}
-
-d {
-  @include horizontal-spacing(nil 2.6);
-  @include horizontal-spacing(nil 2.6, $abuse: true);
-  @include horizontal-spacing(nil 2.6, $abuse: true, $method: margin);
-}
-
-e {
-  @include horizontal-spacing($left: 0, $right: 0);
-  @include horizontal-spacing($left: 0, $right: 0, $method: margin);
-}

data/test/fixtures/stylesheets/archetype/source/utilities/spacing/vertical-spacing.scss

@@ -1,27 +0,0 @@
-@import "archetype";
-
-a {
-  @include vertical-spacing(2);
-  @include vertical-spacing(2, $method: margin);
-}
-
-b {
-  @include vertical-spacing(nil 2);
-  @include vertical-spacing(nil 2, $method: margin);
-}
-
-c {
-  @include vertical-spacing(2 nil);
-  @include vertical-spacing(2 nil, $method: margin);
-}
-
-d {
-  @include vertical-spacing(nil 2.6);
-  @include vertical-spacing(nil 2.6, $abuse: true);
-  @include vertical-spacing(nil 2.6, $abuse: true, $method: margin);
-}
-
-e {
-  @include vertical-spacing($top: 0, $bottom: 0);
-  @include vertical-spacing($top: 0, $bottom: 0, $method: margin);
-}

data/test/fixtures/stylesheets/archetype/source/utilities/styles/filter.scss

@@ -1,9 +0,0 @@
-@import "archetype";
-
-a {
-  @include filter(Shadow(Strength=2, Direction=135, Color='#CCCCCC'));
-}
-
-b {
-  @include filter(gradient(enabled=false));
-}

data/test/fixtures/stylesheets/archetype/source/utilities/styles/font-family.scss

@@ -1,9 +0,0 @@
-@import "archetype";
-
-a {
-  @include font-family(serif);
-}
-
-b {
-  @include font-family(sans-serif);
-}

data/test/fixtures/stylesheets/archetype/source/utilities/styles/z-index.scss

@@ -1,18 +0,0 @@
-@import "archetype";
-
-a {
-  @include z-index(-1);
-
-}
-
-b {
-  @include z-index(1, default);
-}
-
-c {
-  @include z-index(1, dialog);
-}
-
-d {
-  @include z-index(20, 10001);
-}