KPC
Kevin Powell - Community•14mo ago
Mert Efe

scss unable to make chained multiple classname

&formelement&has-auto-width { display: inline-block; } the second & doesn't work what's wrong?
2 Replies
Kevin Powell
Kevin Powell•14mo ago
quick fix: 
.form {
  &-formelement {
    &-has-auto-width {
      display: inline-block;
    }
  }
}
.form {
  &-formelement {
    &-has-auto-width {
      display: inline-block;
    }
  }
}
Alternatively, you could use interpolation, but I find it terribly unreadable: &formelement#{&}has-auto-width but that would output to .formformelement.formhas-auto-width which is a little different. Maybe it's what you're after tho
Mert Efe
Mert Efe•14mo ago
thank you i actually noticed i wrote/asked it wrong 
&__form__element--select.has-auto-width {
&__form__element--select.has-auto-width {
` this worked but good to see ur example to learn
Want results from more Discord servers?
Add your server
More Posts
Why div around flex-container breaks overflow scrolling?I'm trying to make the flex-item be scrollable, but when adding wrapper div around flex-container thGrid LayoutHow to create a card layout like this in same containerHow to create this weird shape in CSS?Some similar example would be great too. I can't google it cuz I dont know what's called.Search PreviewI'm trying to make a searchbar using json data and want to show the result preview of the result depProblem with a buttonI am having problem with the "pomodoro" button. The standard of pomodoro is 25 minutes, but when I cIs it possible to have dynamic letter spacing in CSS?https://rsms.me/inter/dynmetrics/ I was looking into this Inter font and was wondering if it's possHow to Achieve multiple style of cards by align 3cards in BG and 2cards on top of 3Cards in grid ?Hi Everyone There are five cards and those need to be aligned as per the image I have provided willissues with collapsing a container.im trying to collapse the container so that all child div except title is displayed none and the fiVS Code Snippets -- why do I have 2-3 for the same thing?I've disabled all extensions. I'm trying to cut down on my code snippets because sometimes I'll haveUsing fonts on the webhttps://joyofcode.xyz/using-fonts-on-the-web