cyclist 0.2.0

data/vendor/raster/test/build/css/test-pixel.css

@@ -0,0 +1,232 @@
+/* Structure */
+html, body, div, span {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Text */
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, ol, ul, li, strong, em {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Other */
+applet, object, iframe, abbr, acronym, address, big, cite, code, del, dfn,
+font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i,
+center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody,
+tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Misc */
+:focus {
+  outline: 0; }
+
+table {
+  border-collapse: separate;
+  border-spacing: 0; }
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal; }
+
+blockquote:before, blockquote:after, q:before, q:after {
+  content: ""; }
+
+blockquote, q {
+  quotes: "" ""; }
+
+html {
+  font-size: 14px; }
+
+body {
+  line-height: 17px; }
+
+h1 {
+  font-size: calc(1em * (36 / 12));
+  margin-bottom: 17px;
+  line-height: calc(3 * 17px); }
+
+h2 {
+  font-size: calc(1em * (24 / 12));
+  margin-bottom: 17px;
+  line-height: calc(2 * 17px); }
+
+h3 {
+  font-size: calc(1em * (21 / 12));
+  margin-bottom: 17px;
+  line-height: calc(2 * 17px); }
+
+h4 {
+  font-size: calc(1em * (18 / 12));
+  margin-bottom: 17px;
+  line-height: calc(2 * 17px); }
+
+h5 {
+  font-size: calc(1em * (14 / 12));
+  margin-bottom: 17px;
+  line-height: calc(2 * 17px); }
+
+h6 {
+  font-size: calc(1em * (12 / 12));
+  margin-bottom: 17px;
+  line-height: calc(1 * 17px); }
+
+p,
+ul,
+ol {
+  margin-bottom: 17px; }
+
+ul ol,
+ol ol,
+ul ul,
+ol ul {
+  margin-bottom: 0; }
+
+ul {
+  list-style-type: disc;
+  margin-left: 2rem; }
+
+ol {
+  list-style-type: decimal;
+  margin-left: 2rem; }
+
+.raster-guidelines {
+  display: -webkit-flex;
+  display: flex;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0; }
+
+.raster-guidelines > div.raster-column {
+  display: -webkit-flex;
+  display: flex;
+  background-color: rgba(148, 235, 255, 0.25);
+  margin-right: 1rem;
+  -webkit-flex: 0 0 9rem;
+  flex: 0 0 9rem; }
+
+.raster-guidelines > div.raster-column:last-child {
+  margin-right: 0; }
+
+.raster-column > div.raster-unit {
+  background-color: rgba(148, 235, 255, 0.25);
+  margin-right: 1rem;
+  -webkit-flex: 0 0 4rem;
+  flex: 0 0 4rem; }
+
+.raster-column > div.raster-unit:last-child {
+  margin-right: 0; }
+
+article#layout {
+  margin: 0 auto;
+  width: 29rem; }
+
+.indent-one-gutter {
+  margin-left: 1rem; }
+
+.indent-one-unit {
+  margin-left: 4rem; }
+
+.indent-one-column {
+  margin-left: 9rem; }
+
+.indent-two-gutter {
+  margin-left: 2rem; }
+
+.indent-two-unit {
+  margin-left: 9rem; }
+
+.indent-two-column {
+  margin-left: 19rem; }
+
+.indent-three-gutter {
+  margin-left: 3rem; }
+
+.indent-three-unit {
+  margin-left: 14rem; }
+
+.indent-three-column {
+  margin-left: 29rem; }
+
+article#layout-width {
+  display: -webkit-flex;
+  display: flex;
+  flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  justify-content: space-between;
+  -webkit-justify-content: space-between; }
+
+article#layout-width > .gutters,
+article#layout-width > .units,
+article#layout-width > .columns {
+  background-color: #fcfb01; }
+
+.width-one-gutter {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 1rem;
+  flex: 0 0 1rem; }
+
+.width-one-unit {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 4rem;
+  flex: 0 0 4rem; }
+
+.width-one-column {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 9rem;
+  flex: 0 0 9rem; }
+
+.width-two-gutter {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 2rem;
+  flex: 0 0 2rem; }
+
+.width-two-unit {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 9rem;
+  flex: 0 0 9rem; }
+
+.width-two-column {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 19rem;
+  flex: 0 0 19rem; }
+
+.width-three-gutter {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 3rem;
+  flex: 0 0 3rem; }
+
+.width-three-unit {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 14rem;
+  flex: 0 0 14rem; }
+
+.width-three-column {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 29rem;
+  flex: 0 0 29rem; }

data/vendor/raster/test/build/css/test-rem.css

@@ -0,0 +1,232 @@
+/* Structure */
+html, body, div, span {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Text */
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, ol, ul, li, strong, em {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Other */
+applet, object, iframe, abbr, acronym, address, big, cite, code, del, dfn,
+font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i,
+center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody,
+tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent; }
+
+/* Misc */
+:focus {
+  outline: 0; }
+
+table {
+  border-collapse: separate;
+  border-spacing: 0; }
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal; }
+
+blockquote:before, blockquote:after, q:before, q:after {
+  content: ""; }
+
+blockquote, q {
+  quotes: "" ""; }
+
+html {
+  font-size: 14px; }
+
+body {
+  line-height: 1.5rem; }
+
+h1 {
+  font-size: calc(1em * (36 / 12));
+  margin-bottom: 1.5rem;
+  line-height: calc(3 * 1.5rem); }
+
+h2 {
+  font-size: calc(1em * (24 / 12));
+  margin-bottom: 1.5rem;
+  line-height: calc(2 * 1.5rem); }
+
+h3 {
+  font-size: calc(1em * (21 / 12));
+  margin-bottom: 1.5rem;
+  line-height: calc(2 * 1.5rem); }
+
+h4 {
+  font-size: calc(1em * (18 / 12));
+  margin-bottom: 1.5rem;
+  line-height: calc(2 * 1.5rem); }
+
+h5 {
+  font-size: calc(1em * (14 / 12));
+  margin-bottom: 1.5rem;
+  line-height: calc(2 * 1.5rem); }
+
+h6 {
+  font-size: calc(1em * (12 / 12));
+  margin-bottom: 1.5rem;
+  line-height: calc(1 * 1.5rem); }
+
+p,
+ul,
+ol {
+  margin-bottom: 1.5rem; }
+
+ul ol,
+ol ol,
+ul ul,
+ol ul {
+  margin-bottom: 0; }
+
+ul {
+  list-style-type: disc;
+  margin-left: 2rem; }
+
+ol {
+  list-style-type: decimal;
+  margin-left: 2rem; }
+
+.raster-guidelines {
+  display: -webkit-flex;
+  display: flex;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0; }
+
+.raster-guidelines > div.raster-column {
+  display: -webkit-flex;
+  display: flex;
+  background-color: rgba(148, 235, 255, 0.25);
+  margin-right: 1rem;
+  -webkit-flex: 0 0 9rem;
+  flex: 0 0 9rem; }
+
+.raster-guidelines > div.raster-column:last-child {
+  margin-right: 0; }
+
+.raster-column > div.raster-unit {
+  background-color: rgba(148, 235, 255, 0.25);
+  margin-right: 1rem;
+  -webkit-flex: 0 0 4rem;
+  flex: 0 0 4rem; }
+
+.raster-column > div.raster-unit:last-child {
+  margin-right: 0; }
+
+article#layout {
+  margin: 0 auto;
+  width: 29rem; }
+
+.indent-one-gutter {
+  margin-left: 1rem; }
+
+.indent-one-unit {
+  margin-left: 4rem; }
+
+.indent-one-column {
+  margin-left: 9rem; }
+
+.indent-two-gutter {
+  margin-left: 2rem; }
+
+.indent-two-unit {
+  margin-left: 9rem; }
+
+.indent-two-column {
+  margin-left: 19rem; }
+
+.indent-three-gutter {
+  margin-left: 3rem; }
+
+.indent-three-unit {
+  margin-left: 14rem; }
+
+.indent-three-column {
+  margin-left: 29rem; }
+
+article#layout-width {
+  display: -webkit-flex;
+  display: flex;
+  flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  justify-content: space-between;
+  -webkit-justify-content: space-between; }
+
+article#layout-width > .gutters,
+article#layout-width > .units,
+article#layout-width > .columns {
+  background-color: #fcfb01; }
+
+.width-one-gutter {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 1rem;
+  flex: 0 0 1rem; }
+
+.width-one-unit {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 4rem;
+  flex: 0 0 4rem; }
+
+.width-one-column {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 9rem;
+  flex: 0 0 9rem; }
+
+.width-two-gutter {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 2rem;
+  flex: 0 0 2rem; }
+
+.width-two-unit {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 9rem;
+  flex: 0 0 9rem; }
+
+.width-two-column {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 19rem;
+  flex: 0 0 19rem; }
+
+.width-three-gutter {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 3rem;
+  flex: 0 0 3rem; }
+
+.width-three-unit {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 14rem;
+  flex: 0 0 14rem; }
+
+.width-three-column {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex: 0 0 29rem;
+  flex: 0 0 29rem; }