'Can a SASS mixin edit a @content block?
In my current app, I'm importing a lot of SASS stylesheets from a well known library which all look like this:
.v-application
@each $name, $weight in $font-weights
.font-weight
&-#{$name}
font-weight: $weight !important
.font-italic
font-style: italic !important
.v-application
@each $name, $bezier in $transition
.transition-#{$name}
transition: 0.3s $bezier !important
Right now, all these stylesheets are passed in a mixin which looks like this (this file is not imported from the library so I can edit it)
=media-breakpoint-up($name, $breakpoints: $grid-breakpoints)
$min: breakpoint-min($name, $breakpoints)
@if $min
@media (min-width: $min)
@content
@else
@content
Now, what I'm trying to do is to edit the @content blocks to remove the parent .v-application in all stylesheets.
I cannot edit the imported stylesheets directly, I can only edit the mixin. Is it even possible?
Sorry for this weird request, and thank you.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
