css-3.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. .comma-delimited {
  2. text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
  3. -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset, 0pt 4px 6px rgba(255, 255, 255, 0.4) inset;
  4. -webkit-transform: rotate(0deg);
  5. }
  6. @font-face {
  7. font-family: Headline;
  8. unicode-range: U+??????, U+0???, U+0-7F, U+A5;
  9. }
  10. .other {
  11. -moz-transform: translate(0, 11em) rotate(-90deg);
  12. transform: rotateX(45deg);
  13. }
  14. .item[data-cra_zy-attr1b-ut3=bold] {
  15. font-weight: bold;
  16. }
  17. p:not([class*="lead"]) {
  18. color: black;
  19. }
  20. input[type="text"].class#id[attr=32]:not(1) {
  21. color: white;
  22. }
  23. div#id.class[a=1][b=2].class:not(1) {
  24. color: white;
  25. }
  26. ul.comma > li:not(:only-child)::after {
  27. color: white;
  28. }
  29. ol.comma > li:nth-last-child(2)::after {
  30. color: white;
  31. }
  32. li:nth-child(4n+1),
  33. li:nth-child(-5n),
  34. li:nth-child(-n+2) {
  35. color: white;
  36. }
  37. a[href^="http://"] {
  38. color: black;
  39. }
  40. a[href$="http://"] {
  41. color: black;
  42. }
  43. form[data-disabled] {
  44. color: black;
  45. }
  46. p::before {
  47. color: black;
  48. }
  49. #issue322 {
  50. -webkit-animation: anim2 7s infinite ease-in-out;
  51. }
  52. @-webkit-keyframes frames {
  53. 0% {
  54. border: 1px;
  55. }
  56. 5.5% {
  57. border: 2px;
  58. }
  59. 100% {
  60. border: 3px;
  61. }
  62. }
  63. @keyframes fontbulger1 {
  64. to {
  65. font-size: 15px;
  66. }
  67. from,
  68. to {
  69. font-size: 12px;
  70. }
  71. 0%,
  72. 100% {
  73. font-size: 12px;
  74. }
  75. }
  76. .units {
  77. font: 1.2rem/2rem;
  78. font: 8vw/9vw;
  79. font: 10vh/12vh;
  80. font: 12vm/15vm;
  81. font: 12vmin/15vmin;
  82. font: 1.2ch/1.5ch;
  83. }
  84. @supports ( box-shadow: 2px 2px 2px black ) or
  85. ( -moz-box-shadow: 2px 2px 2px black ) {
  86. .outline {
  87. box-shadow: 2px 2px 2px black;
  88. -moz-box-shadow: 2px 2px 2px black;
  89. }
  90. }
  91. @-x-document url-prefix(""github.com"") {
  92. h1 {
  93. color: red;
  94. }
  95. }
  96. @viewport {
  97. font-size: 10px;
  98. }
  99. @namespace foo url(http://www.example.com);
  100. foo|h1 {
  101. color: blue;
  102. }
  103. foo|* {
  104. color: yellow;
  105. }
  106. |h1 {
  107. color: red;
  108. }
  109. *|h1 {
  110. color: green;
  111. }
  112. h1 {
  113. color: green;
  114. }
  115. .upper-test {
  116. UpperCaseProperties: allowed;
  117. }
  118. @host {
  119. div {
  120. display: block;
  121. }
  122. }
  123. ::distributed(input::placeholder) {
  124. color: #b3b3b3;
  125. }
  126. .shadow ^ .dom,
  127. body ^^ .shadow {
  128. display: done;
  129. }
  130. :host(.sel .a),
  131. :host-context(.sel .b),
  132. .sel /deep/ .b,
  133. ::content .sel {
  134. type: shadow-dom;
  135. }
  136. /deep/ b {
  137. c: 'd';
  138. }
  139. /deep/ b[e] {
  140. f: 'g';
  141. }
  142. #issue2066 {
  143. background: url('/images/icon-team.svg') 0 0 / contain;
  144. }
  145. @counter-style triangle {
  146. system: cyclic;
  147. symbols: ‣;
  148. suffix: " ";
  149. }
  150. @-ms-viewport {
  151. }
  152. @unknown foo 42 (bar) {
  153. x {
  154. y: z;
  155. }
  156. }
  157. @unknown foo 43;