I have a question that I couldn't find the answer to in any documentation or on Stack Overflow.
While this example may not be perfect, it should give you a basic understanding of what I'm trying to achieve.
Illustration
.btn-group {
.btn {
font-size: 1.2em;
background: dodgerblue;
color: white;
padding: 10px 20px;
border-radius: 6px;
&.btn-danger {
background-color: red;
}
&.btn-primary {
background-color: blue;
}
&.btn-primary, &.btn-danger {
box-shadow: 5px 5px 10px #888888;
&[0] {
border: 10px solid black;
}
}
}
}
Is there a way to select only one specific element from a list? Maybe using array notation or something similar?
This attempt doesn't yield the desired result, but it showcases my intended goal.
Sample: https://codepen.io/anon/pen/awjeON
Real-life Scenario
.bounce {
.ng-leave {
display: none;
}
.ng-enter, .ng-leave {
position: relative;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
}