@skoda-dms/sass-lib v1.0.50

@skoda-dms/sass-lib

Skoda DMS CSS/SASS library

Structure follow the 7-1 pattern which is describe here.

Use BEM methodology in your style definition more info.

/abstracts - sass mixins, functions, variables
/base - normalize, reset, typography
/components - buttons, carusels, article ect..
/layout - grid, navigation, heade, footer, forms ect..
/pages - page specific
/themes - defautl and other themes
/vendors - vendors llibraries
main.scss - main file

Usage

Lint:

$  npm run lint

Variables

  $skd-dms-skd-dms-breakpoints - responsive design breakpoints

Mixins

#Responsive breakpoint mixin helpers
media-up(sm | md | lgh | xl) {}
media-down(sm | md | lgh | xl) {}
media-only(sm | md | lgh | xl) {}

Related topics

See SASS architecture

See BEM Vzhurudolu