nested.less 638 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. #header {
  2. color: black;
  3. .navigation {
  4. font-size: 12px;
  5. .border {
  6. .outside {
  7. color: blue;
  8. }
  9. }
  10. }
  11. .logo {
  12. width: 300px;
  13. &:hover { text-decoration: none }
  14. }
  15. }
  16. a { b { ul { li { color: green; } } } }
  17. this { will { not { show { } } } }
  18. .cool {
  19. div & { color: green; }
  20. p & span { color: yellow; }
  21. }
  22. another {
  23. .cool;
  24. }
  25. b {
  26. & .something {
  27. color: blue;
  28. }
  29. &.something {
  30. color: blue;
  31. }
  32. }
  33. .foo {
  34. .bar, .baz {
  35. & .qux {
  36. display: block;
  37. }
  38. .qux & {
  39. display: inline;
  40. }
  41. .qux & .biz {
  42. display: none;
  43. }
  44. }
  45. }
  46. b {
  47. hello [x="&yeah"] {
  48. color: red;
  49. }
  50. }