Skip to content

Commit 30bd7ea

Browse files
authored
Docs: Update Stylesheets README (#37034)
Looks like we missed this when updating styling docs (#35779).
1 parent bbf7c65 commit 30bd7ea

File tree

1 file changed

+3
-8
lines changed

1 file changed

+3
-8
lines changed
Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,7 @@
1-
Styles
2-
======
1+
# Styles
32

4-
Calypso uses Sass to build its CSS and compile it to `public/style.css`. Remember that all styles end up in a single file, so all styles will apply to every page, all the time. Make sure you namespace your styles for the page you are working on.
3+
Calypso uses Sass to build its CSS. Remember that all styles, even when loaded at different times, eventually end up on one page as part of a single HTML document. Make sure you namespace your styles for the page you are working on.
54

6-
### Adding a new Sass file
7-
8-
If you are adding a new Sass file to `assets/stylesheets` you will need to reference the file in `assets/stylesheets/style.scss` for it to load. We have three directories to organize the respective files: layout, sections, and shared. If you are adding a new file you are likely adding it to `sections`.
9-
10-
Component specific stylesheets are referenced in the file `assets/stylesheets/_components.scss`.
5+
This directory contains styling that is applied globally, such as resets and animations. You shouldn't typically need to add a new Sass file to this directory if you just want to style a newly added component.
116

127
Check [our styleguide](https://github.com/Automattic/wp-calypso/blob/master/docs/coding-guidelines/css.md) for more information on how we use Sass.

0 commit comments

Comments
 (0)