where to put shadowbox modal CSS in SASS SMACSS

Question

i am new to SMACSS. i am using sass and i want to import the shadowbox modal css using SMACSS. I am a bit confused as where to put the shadowbox.css file.I mean in BASE or somewhere else. I read the documentation but it still is quite confusing. please support. thanks.

Answer 1

Best way to add sub-class in MODULES for modal as you 'extend' parent module with extra features.

.modal-shadow {
    box-shadow: 0 0 10px #000;
}

and use it in HTML like

<div class="modal modal-shadow">
    something
</div>