css-3.less 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  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. .units {
  70. font: 1.2rem/2rem;
  71. font: 8vw/9vw;
  72. font: 10vh/12vh;
  73. font: 12vm/15vm;
  74. font: 12vmin/15vmin;
  75. font: 1.2ch/1.5ch;
  76. }
  77. @supports ( box-shadow: 2px 2px 2px black ) or
  78. ( -moz-box-shadow: 2px 2px 2px black ) {
  79. .outline {
  80. box-shadow: 2px 2px 2px black;
  81. -moz-box-shadow: 2px 2px 2px black;
  82. }
  83. }
  84. @-x-document url-prefix(""github.com"") {
  85. h1 {
  86. color: red;
  87. }
  88. }
  89. @viewport {
  90. font-size: 10px;
  91. }
  92. @namespace foo url(http://www.example.com);
  93. foo|h1 { color: blue; }
  94. foo|* { color: yellow; }
  95. |h1 { color: red; }
  96. *|h1 { color: green; }
  97. h1 { color: green; }
  98. .upper-test {
  99. UpperCaseProperties: allowed;
  100. }
  101. @host {
  102. div {
  103. display: block;
  104. }
  105. }
  106. ::distributed(input::placeholder) {
  107. color: #b3b3b3;
  108. }
  109. .shadow ^ .dom,
  110. body ^^ .shadow {
  111. display: done;
  112. }
  113. :host(.sel .a),
  114. :host-context(.sel .b),
  115. .sel /deep/ .b,
  116. ::content .sel {
  117. type: shadow-dom;
  118. }
  119. /deep/ b {
  120. c: 'd';
  121. &[e]{
  122. f: 'g';
  123. }
  124. }
  125. #issue2066 {
  126. background: url('/images/icon-team.svg') 0 0 / contain;
  127. }
  128. @counter-style triangle {
  129. system: cyclic;
  130. symbols: ‣;
  131. suffix: " ";
  132. }
  133. @-ms-viewport{
  134. // width: auto !important;
  135. }
  136. @unknown foo 42 (bar) {
  137. x {y: z}
  138. }
  139. @unknown foo 43;