# CSS

## 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

## Naming: Component classes

Please refer to [CSS SASS coding guidelines and naming conventions](https://github.com/woocommerce/woocommerce/wiki/CSS-SASS-coding-guidelines-and-naming-conventions)