css - SASS - When Class is Activated - Change Another -

in sass file have styling slick carousel , loading spinner.

when class slick-initialized appears possible set display:none on spinner.

for example - from:

slick.slick-initialized {   display: block; } 

to like:

slick.slick-initialized {       display: block;        &.spinner { display none }; } 

where have:

<div class="row">        <div class="spinner"></div>        <slick init-onload=true data="qnew" dots=true arrows=false>         <div class=“tile" ng-repeat="question in questionsnew">           <span ng-bind-html="question.question"></span>         </div>       </slick>  </div> 

if .spinner element placed after .slick element

you can write scss

scss

 slick.slick-initialized {           display: block;           + .spinner { display none };     } 

html

<div class="row">               <slick init-onload=true data="qnew" dots=true arrows=false>         <div class=“tile" ng-repeat="question in questionsnew">           <span ng-bind-html="question.question"></span>         </div>       </slick>     <div class="spinner"></div>  </div> 

place ..spinner element after slick element , use above scss