Merging selectors from mixins

by

No. Sass has no way of merging selectors (this could be considered undesirable, as it would alter the ordering of the selectors).

The only thing you can really do is something like this (or write 2 separate mixins):

@mixin footer_flush_bottom {
    height: 100%;

    body {
        min-height: 100%;
        position: relative;
        @content;
    }
}

html {
    // additional html styles
    @include footer_flush_bottom {
        // additional body styles
    }
}

More Related Contents:

  1. Sass negative variable value?
  2. Sass @each with multiple variables
  3. Sass and rounding down numbers. Can this be configured?
  4. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  5. How to create color shades using CSS variables similar to darken() of Sass?
  6. Sass Variable in CSS calc() function
  7. How to dynamically generate a list of classes with commas separating them?
  8. SASS: randomly pick background-image from a list
  9. Is there a SASS.js? Something like LESS.js?
  10. Can I use variables for selectors?
  11. Extending selectors from within media queries with Sass
  12. What does an “&” before a pseudo element in CSS mean?
  13. How can one import only variables and mixins from Sass stylesheets?
  14. Proper SCSS Asset Structure in Rails
  15. How to compile or convert sass / scss to css with node-sass (no Ruby)?
  16. What does ‘&.’ in ‘&.sub-title’ indicates in scss?
  17. CSS-Only Sticky Table Headers In Chrome
  18. SCSS extend a nested selector and override the nested rulesets
  19. Rails 4: how do I use Sass Mappings?
  20. SASS – use variables across multiple files
  21. Sass @each variable interpolation [duplicate]
  22. Why put in front of the file name “_” or “_” in scss/css?
  23. How to control number of items per row using media queries in Flexbox?
  24. how to change bootstrap version 4 button color
  25. Text Stroke (-webkit-text-stroke) css Problem
  26. Pass function or mixin by reference in SASS
  27. SASS for loop updating hsla lightness returns error $lightness: “96.77419” is not a number for `hsla’
  28. Using @font-face with Rails 3.1 app?
  29. How to combine and use multiple Next.js plugins
  30. SASS calculate HSL Difference between 2 colours

Leave a Comment