extend-nest.less 855 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .sidebar {
  2. width: 300px;
  3. background: red;
  4. .box {
  5. background: #FFF;
  6. border: 1px solid #000;
  7. margin: 10px 0;
  8. }
  9. }
  10. .sidebar2 {
  11. &:extend(.sidebar all);
  12. background: blue;
  13. }
  14. .type1 {
  15. .sidebar3 {
  16. &:extend(.sidebar all);
  17. background: green;
  18. }
  19. }
  20. .type2 {
  21. &.sidebar4 {
  22. &:extend(.sidebar all);
  23. background: red;
  24. }
  25. }
  26. .button {
  27. color: black;
  28. &:hover {
  29. color: white;
  30. }
  31. }
  32. .submit {
  33. &:extend(.button);
  34. &:hover:extend(.button:hover) {}
  35. }
  36. .nomatch {
  37. &:hover:extend(.button :hover) {}
  38. }
  39. .button2 {
  40. :hover {
  41. nested: white;
  42. }
  43. }
  44. .button2 :hover {
  45. notnested: black;
  46. }
  47. .nomatch :extend(.button2:hover) {}
  48. .amp-test-a,
  49. .amp-test-b {
  50. .amp-test-c &.amp-test-d&.amp-test-e {
  51. .amp-test-f&+&.amp-test-g:extend(.amp-test-h) {}
  52. }
  53. }
  54. .amp-test-h {
  55. test: extended by masses of selectors;
  56. }