mixin_merging.less.disable 792 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. @tester {
  2. p, div { height: 10px; }
  3. }
  4. #test1 {
  5. div { color: red; }
  6. @tester;
  7. }
  8. @cool {
  9. a,b,i { width: 1px; }
  10. }
  11. #test2 {
  12. b { color: red; }
  13. @cool;
  14. }
  15. #test3 {
  16. @cool;
  17. b { color: red; }
  18. }
  19. @cooler {
  20. a { margin: 1px; }
  21. }
  22. #test4 {
  23. a, div, html { color: blue; }
  24. @cooler;
  25. }
  26. @hi {
  27. img, strong { float: right; }
  28. }
  29. #test5 {
  30. img, strong { padding: 2px; }
  31. @hi;
  32. }
  33. @nested {
  34. div, span {
  35. a {
  36. color: red;
  37. }
  38. }
  39. }
  40. #test6 {
  41. div, span {
  42. a {
  43. line-height: 10px;
  44. }
  45. }
  46. @nested;
  47. }
  48. @broken-nesting {
  49. div, span {
  50. strong, b {
  51. color: red;
  52. }
  53. }
  54. }
  55. #test7 {
  56. div {
  57. strong {
  58. margin: 1px;
  59. }
  60. }
  61. @broken-nesting;
  62. }
  63. @another-nest {
  64. a,b {
  65. i {
  66. color: red;
  67. }
  68. s {
  69. color: blue;
  70. }
  71. }
  72. }
  73. #test8 {
  74. a, b {
  75. i,s {
  76. background: red;
  77. }
  78. }
  79. @another-nest;
  80. }