CSS

We are currently aiming for a Material style in all of our projects, to help with that, we use material-web-components.

For the stylesheets code we use SCSS with the BEM methodology (class names and file structure).

File Structure

- base
	 - config.scss: general configurations for html tags.
	 - fonts.scss: all font relative code.
	 - variables.scss: all variables (dimensions, colors, etc).
 - common.blocks: all custom blocks. We use a [nested file structure](https://en.bem.info/methodology/filestructure/#nested).
	 - block_1
	 - block_2
 - library_blocks: style for all third-party libraries.

Beetrack-Style

For shared style between projects we have a private scss library: Beetrack-Style (private repository).

Last updated

Was this helpful?