16_organizing_your_css
dz / mdn / css / 1_css_building_blocks / 16_organizing_your_cssSummary
Organizing Your CSS
Node Tree
Nodes
| tidy_CSS | |
| content | Tidy CSS |
| children | avoid_overspecific_selectors, break_into_smaller, coding_style_guide, comments, consistent, readability |
| consistent | |
| content | consistent |
| parents | tidy_CSS |
| coding_style_guide | |
| content | Coding Style Guide |
| parents | tidy_CSS |
| comments | |
| content | comments |
| children | header_comment_convention |
| parents | tidy_CSS |
| readability | |
| content | Readability |
| children | single_vs_multi_line_rules |
| parents | tidy_CSS |
| single_vs_multi_line_rules | |
| content | Single line rules vs multi-line rules (pref) |
| parents | readability |
| logical_sections | |
| content | Logical Sections |
| children | utilities, general_styles, header_comment_convention, sitewide, specific_things |
| header_comment_convention | |
| content | Header comment coding convention: || Foo |
| parents | logical_sections, comments |
| general_styles | |
| content | General Styles |
| parents | logical_sections |
| utilities | |
| content | Utilities |
| parents | logical_sections |
| sitewide | |
| content | Sitewide |
| parents | logical_sections |
| specific_things | |
| content | Specific Things |
| parents | logical_sections |
| avoid_overspecific_selectors | |
| content | Avoid overly specific selectors |
| parents | tidy_CSS |
| break_into_smaller | |
| content | Break large stylesheets into multiple smaller ones |
| parents | tidy_CSS |
| other_helpful_tools | |
| content | Other Helpful Tools |
| children | BEM, OOCSS, build_systems_CSS |
| OOCSS | |
| content | Object-oriented CSS (OOCSS) |
| children | media_object_pattern |
| parents | other_helpful_tools |
| media_object_pattern | |
| content | The Media Object pattern |
| parents | OOCSS |
| BEM | |
| content | BEM: block element modifier |
| parents | other_helpful_tools |
| build_systems_CSS | |
| content | Build systems for CSS |
| children | SASS, pre_post_processors |
| parents | other_helpful_tools |
| pre_post_processors | |
| content | Pre/post processors |
| children | CSS_nano |
| parents | build_systems_CSS |
| SASS | |
| content | SASS |
| children | defining_variables, partials |
| parents | build_systems_CSS |
| defining_variables | |
| content | Defining Variables |
| children | less_important_with_custom_props |
| parents | SASS |
| less_important_with_custom_props | |
| content | Custom properties in CSS make this less important |
| parents | defining_variables |
| partials | |
| content | Partials |
| parents | SASS |
| CSS_nano | |
| content | post-processor for shrinking files |
| parents | pre_post_processors |