@skoda-dms/sass-lib

Basic Skoda DMS Css/Sass library

Usage no npm install needed!

<script type="module">
  import skodaDmsSassLib from 'https://cdn.skypack.dev/@skoda-dms/sass-lib';
</script>

README

@skoda-dms/sass-lib

Skoda DMS CSS/SASS library

Structure follow the 7-1 pattern which is describe [here] (https://sass-guidelin.es/#architecture).

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] (https://sass-guidelin.es/#architecture)

See [BEM Vzhurudolu] (https://www.vzhurudolu.cz/prirucka/bem)