archetype 0.0.1.pre.12 → 0.0.1.pre.13

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

@@ -0,0 +1,63 @@
+.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/tmp/styleguide/extend.css

@@ -0,0 +1,11 @@
+.some-extend-class, .extend-styleguide-test {
+  color: red;
+}
+
+.extend-styleguide-test {
+  background: green;
+}
+
+.extend-styleguide-test {
+  content: "\0020";
+}

data/test/fixtures/stylesheets/archetype/tmp/styleguide/fallback_styles.css

@@ -0,0 +1,10 @@
+.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;
+  content: "\0020";
+}

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

@@ -0,0 +1,21 @@
+.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/tmp/styleguide/multi_value.css

@@ -0,0 +1,13 @@
+.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/tmp/styleguide/nested_styleguides.css

@@ -0,0 +1,28 @@
+.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;
+  cursor: pointer;
+  background: #eeeeee;
+}
+.ie .nested-styleguide-test.hover, .ie .nested-styleguide-test:hover, .ie .nested-styleguide-test.focus, .ie .nested-styleguide-test:focus {
+  cursor: hand;
+}
+.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/tmp/styleguide/selective_state.css

@@ -0,0 +1,177 @@
+.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/tmp/ui/glyph_icon.css

@@ -0,0 +1,127 @@
+@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('embedded-opentype'), 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('embedded-opentype'), 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",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:100%;color:inherit;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
+}
+.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",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:20px;color:inherit;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
+}
+.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",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
+}
+.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",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
+}
+.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",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
+}
+.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;
+}