scania-digital-design-system/sdds

Export breakpoint value to be able to use in application

Closed this issue · 1 comments

  • I want to have the possibility to use breakpoints value in my application and import it from grid package (use it without scania-theme or components)
  • Either using sass variables or CSS variables
  • For example:
@import '@scania-sdds/grid/breakpoints';

@media (min-width: $sdds-breakpoint-sm){ .... }

// OR

@media (min-width: var(--sdds-breakpoint-sm)){ ... } // boostrap has this

Possible solution:

  • Create separate file for breakpoints variables in _vars.scss or something like that
  • Export CSS Vars
  • Make both CSS vars and scss file available in grid package

It's already available in spacing