Browse Source

Added some test files for manual inspection

Taddeus Kroes 11 năm trước cách đây
mục cha
commit
dfa989a524
11 tập tin đã thay đổi với 214 bổ sung0 xóa
  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) }