Convert CSS to LESS selector

Question

I have a CSS like this:

.button-navigation-container button {
   /*some properties*/
}

        .button-navigation-container button.back-button,
        .button-navigation-container button.cancel-button {
            text-align: right;
            padding-right: 2%;
        }

But now I want to convert to LESS but I'm not sure which kind of selector should I use to get the back-button and cancel-button with the same style. Something like this:

.button-navigation-container button {
       /*some properties*/

            /*Selector for cancel-button and back-button ?*/{
                text-align: right;
                padding-right: 2%;
            }
}

Should I use extend()?

are you want to convert your css to less?

super
– super

2014-04-20 11:47:14 +00:00
Commented Apr 20, 2014 at 11:47 — super
– super, Commented Apr 20, 2014 at 11:47

super · Accepted Answer · 2014-04-20 11:51:56Z

1

Less

.button-navigation-container {
    button {
        /*some properties for button*/
        &.back-button, &.cancel-button {
            text-align: right;
            padding-right: 2%;
        }
    }
}

StyleSheet (Generated from the LESS)

.button-navigation-container button {
  /*some properties for button*/

}
.button-navigation-container button.back-button,
.button-navigation-container button.cancel-button {
  text-align: right;
  padding-right: 2%;
}

answered Apr 20, 2014 at 11:51

super

2,3282 gold badges21 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Convert CSS to LESS selector

1 Answer 1

Less

StyleSheet (Generated from the LESS)

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Less

StyleSheet (Generated from the LESS)

Comments

Your Answer

Sign up or log in

Post as a guest

Related