detached-rulesets.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .wrap-selector {
  2. color: black;
  3. one: 1px;
  4. four: magic-frame;
  5. visible-one: visible;
  6. visible-two: visible;
  7. }
  8. .wrap-selector {
  9. color: red;
  10. visible-one: visible;
  11. visible-two: visible;
  12. }
  13. .wrap-selector {
  14. color: black;
  15. background: white;
  16. visible-one: visible;
  17. visible-two: visible;
  18. }
  19. header {
  20. background: blue;
  21. }
  22. @media screen and (min-width: 1200) {
  23. header {
  24. background: red;
  25. }
  26. }
  27. html.lt-ie9 header {
  28. background: red;
  29. }
  30. .wrap-selector {
  31. test: extra-wrap;
  32. visible-one: visible;
  33. visible-two: visible;
  34. }
  35. .wrap-selector .wrap-selector {
  36. test: wrapped-twice;
  37. visible-one: visible;
  38. visible-two: visible;
  39. }
  40. .wrap-selector {
  41. test-func: 90;
  42. test-arithmetic: 18px;
  43. visible-one: visible;
  44. visible-two: visible;
  45. }
  46. .without-mixins {
  47. b: 1;
  48. }
  49. @media (orientation: portrait) and tv {
  50. .my-selector {
  51. background-color: black;
  52. }
  53. }
  54. @media (orientation: portrait) and widescreen and print and tv {
  55. .triple-wrapped-mq {
  56. triple: true;
  57. }
  58. }
  59. @media (orientation: portrait) and widescreen and tv {
  60. .triple-wrapped-mq {
  61. triple: true;
  62. }
  63. }
  64. @media (orientation: portrait) and tv {
  65. .triple-wrapped-mq {
  66. triple: true;
  67. }
  68. }
  69. .a {
  70. test: test;
  71. }
  72. .argument-default {
  73. default: works;
  74. direct: works;
  75. named: works;
  76. }