@scania-sdds/griddeprecated

Scania Digital Design System Grid

Usage no npm install needed!

<script type="module">
  import scaniaSddsGrid from 'https://cdn.skypack.dev/@scania-sdds/grid';
</script>

README

Scania Digital Design System - Grid package


Prerequisites

  • Node v12+
  • Npm 6+

This grid package contains both SCSS and CSS files available

  • SCSS mixins to use grid in your SASS/SCSS development
  • CSS with grid classes to easily use in application

How to install with npm

> npm i @scania/grid

How to use

See implementation in digitaldesign.scania.com


// Use with classes

<div class="sdds-container">
    <div class="sdds-row">
        <div class="sdds-col-xxlg-16 sdds-col-xlg-16 sdds-col-lg-8 sdds-col-md-8 sdds-col-sm-4"></div>
    </div>
</div>