Profile card component with scss

Community feedback

• 

  Ahnaf Hasan Shifat•385

  @ah-nafPosted over 3 years ago

  Try this.

  @mixin responsive($property, $size) {
     @media (#{$property}: $size) {
        @content
     }
  }
  

  You can also check the documentation for more.

  Marked as helpful

  1

  ---

  

  Paulo Emerencio•80

  @Paulo-EmerencioPosted over 3 years ago

  @ah-naf Thank you very much!

  The poor var is still unpainted, but according to documentation this is the correct syntax, although the mixin also worked without the interpolation #{ }

  0
• 

  Chris Psilocybin•1,185

  @xphstosPosted over 3 years ago

  My question for that mixin would be why? Why write all that when you can simple nest the query on any rule you like?

    @media (max-width: 1024px) { ... }
  

  If you want to be faster just write a shortcut for this on your code editor, there is no need for a mixin like that. :)

  Marked as helpful

  0

  ---

  

  Paulo Emerencio•80

  @Paulo-EmerencioPosted over 3 years ago

  @xphstos

  You're right, I feel stupid. Thanks for opening my eyes!

  1