Sass - two classes in a single tag

Question

So, i need a style for

.question_actions.active

my existing CSS

.question_actions {
    float: right;
    font-size: 1em;
    width: 110px; 
}
.question_action {
    margin-bottom: 8px; 
    padding: 3px;
}
.question_actions.active {
    /* some CSS */
}

what would be the syntax to combine them?

score 203 · Accepted Answer · edited Aug 30 '14 at 12:56

203

Here you go:

.question_actions {
   float: right; 
   font-size: 1em;
   width: 110px; 

   .question_action {
       margin-bottom:8px;
       padding: 3px;
   }

   &.active {
    //some css
   }
}

edited Aug 30 '14 at 12:56

Volker E.

5,911
11
47
64

answered Dec 06 '11 at 16:12

Rito

5,117
3
40
37

20

Small note, the ampersand is whitespace sensitive. & .active with a space, won't be interpreted the same way. – HongPong Sep 04 '15 at 15:10

Sass - two classes in a single tag

1 Answers1