7 replies

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)

KP-C

Kevin Powell - Community•4y ago•

7 replies

Lofty!

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)

Converting scss to sass

Similar Threads

Converting scss to sass

Similar Threads

Similar Threads

Similar Threads