Converting scss to sass

These two mixins are equivalent? but while the one in scss applies, the other doesn't

@mixin deferred-bg() {
    &::after {
        content: "";
        position: absolute;
        left: 0.25rem;
        top: 0.25rem;
        z-index: -1;

        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
        background-color: var(--elementary);
    }
}

@mixin deferred-bg() {
    &::after {
        content: "";
        position: absolute;
        left: 0.25rem;
        top: 0.25rem;
        z-index: -1;

        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
        background-color: var(--elementary);
    }
}

@mixin deferred-bg()
    &::after
        content: ""
        position: absolute
        left: 0.25rem
        top: 0.25rem
        z-index: -1

        width: 100%
        height: 100%
        border-radius: 0.5rem
        border-radius: var(--elementary)

@mixin deferred-bg()
    &::after
        content: ""
        position: absolute
        left: 0.25rem
        top: 0.25rem
        z-index: -1

        width: 100%
        height: 100%
        border-radius: 0.5rem
        border-radius: var(--elementary)

7 Replies

Unknown User•2y ago

Message Not Public

Lofty!•2y ago

https://sass-lang.com/documentation/at-rules/mixin seems to show otherwise?

Unknown User•2y ago

Message Not Public

Lofty!•2y ago

true, but I was confused as to why it didn't work. Will try soon

Unknown User•2y ago

Message Not Public

Lofty!•2y ago

weird. I just switched my computer off, will come back soon, if you don't mind 😅

Unknown User•2y ago

Message Not Public

Gaming

Programming

Converting scss to sass