archetype 0.0.1.pre.7 → 0.0.1.pre.8

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/fallback_styles.css

@@ -1,9 +0,0 @@
-.fallback-styleguide-test {
-  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: valid;
-}

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/styleguide/nested_styleguides.css

@@ -1,24 +0,0 @@
-.nested-styleguide-test {
-  text-decoration: none;
-  display: block;
-  color: red;
-  background: green;
-}
-.nested-styleguide-test.hover, .nested-styleguide-test:hover, .nested-styleguide-test.focus, .nested-styleguide-test:focus {
-  text-decoration: none;
-  color: #0088cc;
-  background: #eeeeee;
-}
-.nested-styleguide-test h3 {
-  font-size: 18px;
-  font-weight: bold;
-  line-height: 22px;
-  color: #0088cc;
-  text-decoration: none;
-}
-.nested-styleguide-test h3.hover, .nested-styleguide-test h3:hover, .nested-styleguide-test h3.focus, .nested-styleguide-test h3:focus {
-  text-decoration: none;
-}
-.nested-styleguide-test:after {
-  color: red;
-}

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

@@ -1,177 +0,0 @@
-.simple-button.disabled {
-  font-weight: bold;
-  border-width: 1px;
-  border-style: solid;
-  cursor: default;
-  margin: 0;
-  overflow: visible;
-  text-decoration: none !important;
-  text-align: center;
-  width: auto;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
-  -o-border-radius: 3px;
-  border-radius: 3px;
-  padding: 0 10px;
-  height: 26px;
-  line-height: 24px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 12px;
-  color: white;
-  background-color: #0055cc;
-  border-color: #1b5480;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
-  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
-  background-image: linear-gradient(top, #0066cc, #0033cc);
-  white-space: nowrap;
-  display: -moz-inline-stack;
-  display: inline-block;
-  vertical-align: middle;
-  *vertical-align: auto;
-  zoom: 1;
-  *display: inline;
-  vertical-align: middle;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-  opacity: 0.6;
-}
-.simple-button.my-custom-hover {
-  font-weight: bold;
-  border-width: 1px;
-  border-style: solid;
-  cursor: pointer;
-  margin: 0;
-  overflow: visible;
-  text-decoration: none !important;
-  text-align: center;
-  width: auto;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
-  -o-border-radius: 3px;
-  border-radius: 3px;
-  padding: 0 10px;
-  height: 26px;
-  line-height: 24px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 12px;
-  color: white;
-  background-color: #0055cc;
-  border-color: #1b5480;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
-  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
-  background-image: linear-gradient(top, #0066cc, #0033cc);
-  white-space: nowrap;
-  display: -moz-inline-stack;
-  display: inline-block;
-  vertical-align: middle;
-  *vertical-align: auto;
-  zoom: 1;
-  *display: inline;
-  vertical-align: middle;
-  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-}
-.simple-button.normal {
-  font-weight: bold;
-  border-width: 1px;
-  border-style: solid;
-  cursor: pointer;
-  margin: 0;
-  overflow: visible;
-  text-decoration: none !important;
-  text-align: center;
-  width: auto;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
-  -o-border-radius: 3px;
-  border-radius: 3px;
-  padding: 0 10px;
-  height: 26px;
-  line-height: 24px;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 12px;
-  color: white;
-  background-color: #0074cc;
-  border-color: #1b5480;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
-  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
-  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
-  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
-  background-image: linear-gradient(top, #0088cc, #0055cc);
-  white-space: nowrap;
-  display: -moz-inline-stack;
-  display: inline-block;
-  vertical-align: middle;
-  *vertical-align: auto;
-  zoom: 1;
-  *display: inline;
-  vertical-align: middle;
-}
-.simple-button.normal.hover, .simple-button.normal:hover, .simple-button.normal.focus, .simple-button.normal:focus {
-  background-color: #0055cc;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
-  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
-  background-image: linear-gradient(top, #0066cc, #0033cc);
-  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-}
-.simple-button.normal.active, .simple-button.normal:active {
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
-}
-.simple-button.normal.disabled, .simple-button.normal[disabled] {
-  background-color: #0055cc;
-  *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
-  background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
-  background-image: -o-linear-gradient(top, #0066cc, #0033cc);
-  background-image: linear-gradient(top, #0066cc, #0033cc);
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  cursor: default;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-  opacity: 0.6;
-}
-
-.anchor.missing {
-  color: #0088cc;
-  text-decoration: none;
-}
-.anchor.my-custom-hover {
-  color: #0088cc;
-  text-decoration: underline;
-}

data/test/fixtures/stylesheets/archetype/expected/ui/glyph_icon.css

@@ -1,127 +0,0 @@
-@font-face {
-  font-family: "FontAwesome";
-  src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot');
-  src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot?#iefix') format('eot'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.woff') format('woff'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.ttf') format('truetype'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.svg#FontAwesome') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "FontAwesome-0.0.1";
-  src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot');
-  src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot?#iefix') format('eot'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.woff') format('woff'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.ttf') format('truetype'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.svg#FontAwesome') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-
-.simple {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype-glyph"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="",this.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:100%;color:inherit;",this.insertBefore(this.el));
-}
-.simple:before {
-  font-family: "FontAwesome-0.0.1", "FontAwesome";
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  speak: none;
-  font-size: 100%;
-  color: inherit;
-  content: "\f0d7";
-}
-
-.false {
-  font-family: "FontAwesome-0.0.1", "FontAwesome";
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  speak: none;
-  font-size: 100%;
-  color: inherit;
-}
-
-.size {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype-glyph"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="",this.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:20px;color:inherit;",this.insertBefore(this.el));
-}
-.size:before {
-  font-family: "FontAwesome-0.0.1", "FontAwesome";
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  speak: none;
-  font-size: 20px;
-  color: inherit;
-  content: "\f0d7";
-}
-
-.not-inline {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype-glyph"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="",this.insertBefore(this.el));
-}
-.not-inline:before {
-  font-family: "FontAwesome-0.0.1", "FontAwesome";
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  speak: none;
-  font-size: 100%;
-  color: inherit;
-  content: "\f0d7";
-}
-.not-inline #ie-pseudo-archetype-uid-RANDOM_UID {
-  font-family: 'FontAwesome-0.0.1', 'FontAwesome';
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  font-size: 100%;
-  color: inherit;
-}
-
-.ie-uid {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype-glyph"),this.el.id="my-custom-id",this.el.innerHTML="",this.insertBefore(this.el));
-}
-.ie-uid:before {
-  font-family: "FontAwesome-0.0.1", "FontAwesome";
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  speak: none;
-  font-size: 100%;
-  color: inherit;
-  content: "\f0d7";
-}
-.ie-uid #my-custom-id {
-  font-family: 'FontAwesome-0.0.1', 'FontAwesome';
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  font-size: 100%;
-  color: inherit;
-}
-.ie-uid:before, .ie-uid #my-custom-id {
-  color: pink;
-}
-
-.content-block {
-  *zoom: expression(this.runtimeStyle.zoom="1", this.el=document.createElement("x-archetype-glyph"),this.el.id="ie-pseudo-archetype-uid-RANDOM_UID",this.el.innerHTML="",this.insertBefore(this.el));
-}
-.content-block:before {
-  font-family: "FontAwesome-0.0.1", "FontAwesome";
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  speak: none;
-  font-size: 100%;
-  color: inherit;
-  content: "\f0d7";
-}
-.content-block #ie-pseudo-archetype-uid-RANDOM_UID {
-  font-family: 'FontAwesome-0.0.1', 'FontAwesome';
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  font-size: 100%;
-  color: inherit;
-}
-.content-block:before, .content-block #ie-pseudo-archetype-uid-RANDOM_UID {
-  position: absolute;
-  top: 10px;
-  left: 10px;
-}