I use the standard code from here .
I want to remove the shading. I checked the styles and saw that the background-image parameter in the carousel-control class is responsible for this shading, respectively, there are two of them: .left and .right .
I tried to set this parameter in none in styles - I tried this option:

 .carousel-control { .left { background-image: none; } .right { background-image: none; } }

Did not work. Apparently, either SASS does not know how, or I was mistaken in the syntax.
Tell me, please, how can I remove this shading?

    1 answer 1

    The written code in question means that the class 'left' is nested in 'carousel-control'.
    And in the example from the w3c site, both classes are present on the element at the same time - for this, an ampersand is used:

     .carousel-control { &.left { background-image: none; } &.right { background-image: none; } }
    • It worked, thank you very much. Tell me, what functions does the ampersand perform in the sass? I just started to understand it, it is still unusual and it is not always clear what is what - Iga
    • & used to combine selectors: to create a cascading rule for multiple selectors, you can write them through an ampersand, as in my answer above. I mean, the rule .carousel-control {... &.left {... equivalent to the selector .carousel-control.left - lexxl