SMACSS (pronounced “smacks”) is more style guide than rigid framework.
Questions tagged [smacss]
29 questions
1
vote
1 answer
In which category should my animation class go?
i am a newbie to SMACSS css.
I have this class which has a transition of like .5 seconds to it.
every time i want to add something to the div like an animation i attach a class.
so should it be like in layout or state? like l-anim or…
designerNProgrammer
- 2,621
- 5
- 34
- 46
0
votes
1 answer
ERRNO::ENOENT: No such file or directory @rb_sysopen - sass/app.sass
So I am using Atom, but when I use my Atom live-server, the css styles do not apply, in fact I get an error
ERRNO::ENOENT: No such file or directory @rb_sysopen - sass/app.sass
Should I not be using Atom live-server?
This is the command I am…
user8359832
0
votes
1 answer
SMACSS\BEM - how to correctly handle icon style?
I have two nested modules:
.....
......
I have two separate files (I would like to keep it separate because they are reusable parts and can be used separately throughout the application) acting…
Kai
- 2,023
- 7
- 28
- 49
0
votes
1 answer
SMACSS how to identify what to put in modules?
I've just started learning front end web development and a few days ago I got familiar with SMACSS methodology. I've red the concept on the official website and a couple of other articles. But I am still very confused with modules.
What I understood…
Dmitriy
- 1
- 1
0
votes
1 answer
What is the difference between vanilla css and modular css
I went through an machine test where I was allowed to convert a PSD template into a HTML using vanilla css and modular css.
I tried searching for both but couldn't find something related to vanilla css.
However searching more deep I got a very…
Santosh
- 3,477
- 5
- 37
- 75
0
votes
1 answer
How to structure all project styles by smacss methodology?
I really liked modular architecture by smacss.com/book/categorizing. But in real project I stumbled on simple case (as I thought).
ok, what I got:
1) I created a folder structure for my css-files by smacss:
Base
Layout
Module
State
Theme
2) In…
v-orlov
- 41
- 1
- 7
0
votes
2 answers
SMACSS defining colours for modules
In SMACSS where should I be defining colours?
I have defined my base font in the base\base.css for the general content, but my footer requires a different coloured font.
Should I be declaring this in my layout/footer.css so it can cascade down to…
gjok
- 195
- 1
- 12
0
votes
2 answers
OOCSS/modular CSS: Fighting link styles, how to resolve?
In my CSS file, as part of a "reset", I styled all links like this:
a {
color: blue;
&:visited {
color: violet;
}
&:hover,
&:focus,
&:active {
color: orange;
}
}
I am aware that these are pretty broad rules targeting all…
Sven
- 12,997
- 27
- 90
- 148
0
votes
2 answers
Folder structure of a SMACSS project – Where to put class?
I am starting to follow the SMACSS principle when writing CSS. Having read the book twice, I think I got a good grip on the theory, but now I've got some problems putting that to actual work.
In my base folder, I've got normalize.css together with a…
Sven
- 12,997
- 27
- 90
- 148
0
votes
1 answer
How do you handle layout specific changes to modules in SMACSS?
If you have a module that requires a minor change for every instance according to which part of the layout it is in how do you handle that using SMACSS?
As I can see it I have two options, and neither seem right.
Create a Sub-Module/Modifier
The…
hal
- 4,845
- 7
- 34
- 57
0
votes
1 answer
where to put shadowbox modal CSS in SASS SMACSS
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…
Cloudboy22
- 1,496
- 5
- 21
- 39
0
votes
1 answer
SASS change nested elements class naming style
I'd like to use SMACSS naming system with SASS.
Expect following SASS code:
nav
ul
margin: 0
padding: 0
list-style: none
as output i'll get
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
but according to the SMACSS…
Evgeniy
- 2,915
- 3
- 21
- 35
-1
votes
1 answer
Correct way to write according to BEM methodology for following markup?
Which is the correct way to write per BEM methodology for the following markup:
HTML:
CSS:
header…
dkjain
- 831
- 1
- 9
- 36
-1
votes
2 answers
Site Modules vs. Library Modules with BEM and SMACSS
Here's a situation I run into a lot with CSS architecture using BEM/SMACSS. I'd like to see how other developers handle it.
You have a library of CSS modules that you use across multiple sites. Modules like .btn-group, .nav-tabs, etc.
Then you…
cantera
- 24,479
- 25
- 95
- 138