silencesys / silentbox

A lightbox inspired Vue.js component.
https://silentbox.rocek.dev
MIT License
296 stars 50 forks source link

Cant add css to silentbox-item #60

Closed EricTalv closed 1 year ago

EricTalv commented 2 years ago

Hello.

I am trying to add margin to the silentbox items.

I am using SCSS so this is the way I go about it:

#silentbox-gallery {
  .silentbox-item {
    margin:10px;
  }
}

This does not work.

Ive tried practically anything I could think off:

Nothing, and I mean nothing seems to work.

BUT

If i add something to #silentbox-gallery, that works really well.

you may see the project here, and specifically the page where I am trying to use silentbox

If anyone has any debugging wisdom or help I'd be very thankful.

-Thank you.

EricTalv commented 2 years ago

So, SCSS just doesnt work, nada, no go.

So what Ive done is I added another <style><style> before I was using <style lang="scss"><style>

And now when i put it into the regular styles section it works.

Strange, it used to work with scss but I guess not anymore.