Selaa lähdekoodia

Added some test files for manual inspection

Taddeus Kroes 11 vuotta sitten
vanhempi
sitoutus
dfa989a524
11 muutettua tiedostoa jossa 214 lisäystä ja 0 poistoa
  1. 3 0
      test/case.css
  2. 6 0
      test/color.css
  3. 11 0
      test/combine.css
  4. 36 0
      test/duplicates.css
  5. 8 0
      test/font.css
  6. 20 0
      test/keyframe.css
  7. 5 0
      test/numbers.css
  8. 69 0
      test/shorthand.css
  9. 5 0
      test/supports.css
  10. 37 0
      test/syntax.css
  11. 14 0
      test/unfold.css

+ 3 - 0
test/case.css

@@ -0,0 +1,3 @@
+A.UPPER:Hover:not(:visiteD) {
+    Font-Weight: Bold;
+}

+ 6 - 0
test/color.css

@@ -0,0 +1,6 @@
+p {
+    color: rgb(257, -2, 0);       /* red */
+    color: rgb(67%, 67.5%, 68%);  /* #abacad */
+    color: #aaffbb;               /* #afb */
+    color: white;                 /* #fff */
+}

+ 11 - 0
test/combine.css

@@ -0,0 +1,11 @@
+a    { color: red; }
+.foo { font-size: 1em; }
+ul   { color: red; }
+.foo { color: blue; }
+li   { color: red; }
+
+/*
+a, ul { color: red; }
+.foo  { font-size: 1em; color: blue; }
+li    { color: red; }
+*/

+ 36 - 0
test/duplicates.css

@@ -0,0 +1,36 @@
+a {
+    color: red;
+    color: blue;
+    /* color: blue */
+}
+
+a {
+    color: red !important;
+    color: blue;
+    /* color: red !important */
+}
+
+a {
+    color: red !important;
+    color: blue;
+    color: green !important;
+    color: black;
+    /* color: green !important */
+}
+
+li {
+    font-size: 13px;
+    font: 12px/14px normal;
+    /* font: 12px/14px normal */
+}
+
+li {
+    font-size: 11px !important;
+    font-size: 13px !important;
+    font-size: 14px;
+    font: 12px/15px normal;
+    /*
+    font-size: 13px !important;
+    font: 13px/15px normal;
+    */
+}

+ 8 - 0
test/font.css

@@ -0,0 +1,8 @@
+a {
+    font-weight: bold;
+    /* font-weight: 700 */
+}
+a {
+    font: normal 12px sans-serif;
+    /* font: 400 12px sans-serif */
+}

+ 20 - 0
test/keyframe.css

@@ -0,0 +1,20 @@
+div {
+  animation-name: diagonal-slide;
+  animation-duration: 5s;
+  animation-iteration-count: 10;
+}
+
+@keyframes   diagonal-slide {
+
+  from {
+    left: 0;
+    top: 0;
+  }
+
+  to {
+    left: 100px;
+    top: 100px;
+  }
+
+  100% {}
+}

+ 5 - 0
test/numbers.css

@@ -0,0 +1,5 @@
+li {
+    margin: 0;          /* 0   */
+    opacity: 0.5;       /* .5  */
+    -moz-opacity: 1.5;  /* 1.5 */
+}

+ 69 - 0
test/shorthand.css

@@ -0,0 +1,69 @@
+.dims-1 {
+    margin-top: 10px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    margin-left: 10px;
+    /* margin: 10px */
+}
+
+.dims-2 {
+    margin-top: 10px;
+    margin-right: 20px;
+    margin-bottom: 10px;
+    margin-left: 20px;
+    /* margin: 10px 20px */
+}
+
+.dims-3 {
+    padding-top: 10px;
+    padding-right: 20px;
+    padding-bottom: 30px;
+    padding-left: 20px;
+    /* padding: 10px 20px 30px */
+}
+
+.dims-4 {
+    padding-top: 10px;
+    padding-right: 20px;
+    padding-bottom: 30px;
+    padding-left: 40px;
+    /* padding: 10px 20px 30px 40px */
+}
+
+.use-last-declaration-unless-important {
+    font-family: sans-serif;
+    font-size: 10px;
+    font-size: 13px;
+    /* font: 13px sans-serif */
+
+    border-width: 1px;
+    border-style: solid !important;
+    border-style: dotted
+    /* border: 1px solid */
+}
+
+.unfold {
+    border: 1px solid red;
+    border-color: blue;
+    /* border: 1px solid blue */
+
+    background: transparent url(../img/cat.png) no-repeat scroll left center;
+    background-repeat: repeat-y;
+    /* background: transparent url(../img/cat.png) repeat-y scroll left center; */
+
+    font: bold 1em/1.1em 'Roboto Condensed', sans-serif;
+    line-height: 10px;
+    /* font: bold 1em/10px "Roboto Condensed", sans-serif */
+}
+
+.unfold-font-1 {
+    font: normal normal 1em sans-serif;
+    font-variant: small-caps;
+    /* font: small-caps normal 1em sans-serif */
+}
+
+.unfold-margin-1 {
+    margin: 10px;
+    margin-bottom: 20px;
+    /* margin: 10px 10px 20px */
+}

+ 5 - 0
test/supports.css

@@ -0,0 +1,5 @@
+@supports (not (display: flexbox)) and ((a: b) or (b: c)) {
+  body { width: 100%; height: 100%; background: white; color: black; }
+  #navigation { width: 25%; }
+  #article { width: 75%; }
+}

+ 37 - 0
test/syntax.css

@@ -0,0 +1,37 @@
+@charset "UTF-8";
+
+@import url("base.css");
+
+div[class ~= "foo"] > ul li {
+    font: normal 12px / 15px Arial, Tahoma, Verdana;
+    bordeR: 1px solid #fff;
+}
+
+@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
+    a {
+        font-weight: bold
+    }
+}
+
+.weird-shit-ie-1 {
+    filter: alpha(opacity=60);
+}
+.weird-shit-ie-2 {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+}
+.weird-shit-webkit {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+}
+
+@-ms-viewport {
+    width: device-width;
+}
+
+@media all {
+    @-ms-viewport {
+        width: device-width;
+    }
+    a {
+        font-weight : bold;
+    }
+}

+ 14 - 0
test/unfold.css

@@ -0,0 +1,14 @@
+.bg1  { background: transparent url(cat.png) no-repeat scroll left center; }
+.bg2  { background: url(cat.png) no-repeat scroll left center; }
+.bg3  { background: url(cat.png) scroll left center; }
+.bg4  { background: url(cat.png) repeat left center; }
+.bg5  { background: url(cat.png) left center; }
+.bg6  { background: url(cat.png) scroll; }
+.bg7  { background: url(cat.png) repeat-x; }
+.bg8  { background: url(cat.png) inherit; }
+.bg9  { background: url(cat.png); }
+.bg10 { background: #fff; }
+
+.list-style1 { list-style: circle outset url(cat.png) }
+.list-style2 { list-style: disk inset }
+.list-style3 { list-style: inset url(cat.png) }