Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-admin/docs/stylesheets.md

12 lines
547 B
Markdown
Raw Normal View History

Add CSS naming conventions following Gutenberg’s standards (https://github.com/woocommerce/woocommerce-admin/pull/99) * Add CSS naming conventions following Gutenberg’s standards * Update `woo-dashboard` to `woocommerce-layout` * Update admin notice container to new classname standard
2018-06-01 14:35:18 +00:00
# CSS
Move non-reset SCSS to new files, add folder structure (https://github.com/woocommerce/woocommerce-admin/pull/274) * Move non-reset SCSS to a new file * Split shared files and “meta” files into two folders This also creates two new base scss files for the different app vs embedded CSS files * Move notice & embed-specific css out of reset * Update README with folder structure notes
2018-08-06 15:30:43 +00:00
## Folder/File Structure
- `/shared/*` – these are the styles that will appear in compiled CSS - the reset, gutenberg components import, etc
- `/_embedded.scss` – this file is used for the embed pages CSS, and is imported in `embedded.js` only
- `/_index.scss` – this file is used for the app's CSS, and is imported in `index.js` only
Add CSS naming conventions following Gutenberg’s standards (https://github.com/woocommerce/woocommerce-admin/pull/99) * Add CSS naming conventions following Gutenberg’s standards * Update `woo-dashboard` to `woocommerce-layout` * Update admin notice container to new classname standard
2018-06-01 14:35:18 +00:00
## Naming: Component classes
Update docs
2022-04-13 06:13:01 +00:00
Please refer to [CSS SASS coding guidelines and naming conventions](https://github.com/woocommerce/woocommerce/wiki/CSS-SASS-coding-guidelines-and-naming-conventions)