Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS SCSS – Using @mixins in an @extend based method (classy css)

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #254967
    bmcwebdev
    Participant

    Seems my post is too long, so I have made a post in Stack Overflow. If anyone helpful would take a gander, I’d appreciate.
    http://stackoverflow.com/questions/44012482/scss-using-mixins-in-an-extend-based-method-classy-css

    :Preview:

    I was taken with Una Kravits method of creating her SCSS. https://una.im/classy-css/

    The issue I am running into is at the bottom of that page where she is using a @mixin to make building out easier. But it seems to me if I use a mixin in the manner shown, I will end up with duplicated code.

    Some examples taken from her post:
    code snippets

    Okay, so far so good. But then she suggests using a @mixin. Now I really like this idea, I like being able to use the @if @else, and I really like being able to pass arguments in with the @mixin and the silent placeholder. Her example only builds out once css statement (well two with the hover). For example I will add a few more below the original example. Notice how the resulting css has repeats. Am I missing something here? I could go with something like the example from above, but again, I do really like the options of using the @mixin in conjunction for it’s options.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.