extend.less 1015 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .error {
  2. border: 1px #f00;
  3. background: #fdd;
  4. }
  5. .error.intrusion {
  6. font-size: 1.3em;
  7. font-weight: bold;
  8. }
  9. .intrusion .error {
  10. display: none;
  11. }
  12. .badError {
  13. &:extend(.error all);
  14. border-width: 3px;
  15. }
  16. .foo .bar, .foo .baz {
  17. display: none;
  18. }
  19. .ext1 .ext2 {
  20. &:extend(.foo all);
  21. }
  22. .ext3,
  23. .ext4 {
  24. &:extend(.foo all);
  25. &:extend(.bar all);
  26. }
  27. div.ext5,
  28. .ext6 > .ext5 {
  29. width: 100px;
  30. }
  31. .ext7 {
  32. &:extend(.ext5 all);
  33. }
  34. .ext8.ext9 {
  35. result: add-foo;
  36. }
  37. .ext8 .ext9,
  38. .ext8 + .ext9,
  39. .ext8 > .ext9 {
  40. result: bar-matched;
  41. }
  42. .ext8.nomatch {
  43. result: none;
  44. }
  45. .ext8 {
  46. .ext9 {
  47. result: match-nested-bar;
  48. }
  49. }
  50. .ext8 {
  51. &.ext9 {
  52. result: match-nested-foo;
  53. }
  54. }
  55. .fuu:extend(.ext8.ext9 all) {}
  56. .buu:extend(.ext8 .ext9 all) {}
  57. .zap:extend(.ext8 + .ext9 all) {}
  58. .zoo:extend(.ext8 > .ext9 all) {}
  59. .aa {
  60. color: black;
  61. .dd {
  62. background: red;
  63. }
  64. }
  65. .bb {
  66. background: red;
  67. .bb {
  68. color: black;
  69. }
  70. }
  71. .cc:extend(.aa,.bb) {}
  72. .ee:extend(.dd all,.bb) {}
  73. .ff:extend(.dd,.bb all) {}