123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- @tester {
- p, div { height: 10px; }
- }
- #test1 {
- div { color: red; }
- @tester;
- }
- @cool {
- a,b,i { width: 1px; }
- }
- #test2 {
- b { color: red; }
- @cool;
- }
- #test3 {
- @cool;
- b { color: red; }
- }
- @cooler {
- a { margin: 1px; }
- }
- #test4 {
- a, div, html { color: blue; }
- @cooler;
- }
- @hi {
- img, strong { float: right; }
- }
- #test5 {
- img, strong { padding: 2px; }
- @hi;
- }
- @nested {
- div, span {
- a {
- color: red;
- }
- }
- }
- #test6 {
- div, span {
- a {
- line-height: 10px;
- }
- }
- @nested;
- }
- @broken-nesting {
- div, span {
- strong, b {
- color: red;
- }
- }
- }
- #test7 {
- div {
- strong {
- margin: 1px;
- }
- }
- @broken-nesting;
- }
- @another-nest {
- a,b {
- i {
- color: red;
- }
- s {
- color: blue;
- }
- }
- }
- #test8 {
- a, b {
- i,s {
- background: red;
- }
- }
- @another-nest;
- }
|