css-guards.css 442 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .light {
  2. color: green;
  3. }
  4. .see-the {
  5. color: green;
  6. }
  7. .hide-the {
  8. color: green;
  9. }
  10. .multiple-conditions-1 {
  11. color: red;
  12. }
  13. .inheritance .test {
  14. color: black;
  15. }
  16. .inheritance:hover {
  17. color: pink;
  18. }
  19. .clsWithGuard {
  20. dispaly: none;
  21. }
  22. .dont-split-me-up {
  23. width: 1px;
  24. color: red;
  25. height: 1px;
  26. }
  27. + .dont-split-me-up {
  28. sibling: true;
  29. }
  30. .scope-check {
  31. sub-prop: 2px;
  32. prop: 1px;
  33. }
  34. .scope-check-2 {
  35. sub-prop: 2px;
  36. prop: 1px;
  37. }