css-3.less 2.3 KB

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