css - less extend multiple classes of same level -
i wan't create modular styles buttons in less. lets imagine statement:
.btn-base-styles{ ... /* styles */ ... &:hover,&:focus{ /* styles */ } &.black{ background-color:black; &:hover,&:focus{ /* styles */ } } &.red{ background-color:red; &:hover,&:focus{ /* styles */ } } &.small{ font-size:12px; } }
now want extend particular button 1 or many classes declared before , tryed this:
#my-button{ &:extend(.btn-base-styles.red.small all); }
unfortunately, didn't work me. how can achieve this? project massive 1 many buttons variants , need stay consistent.
edit 2016-11-10 please @ comments bellow partial solution problem.
Comments
Post a Comment