Spica Design System - The DevExtreme theme

DevExtreme

Until the dev extreme with sass support is released a css file should be used.

Motivation

The Spica design System DevExtreme theme mimic the Bootstrap styling.

Installation

Add sds devextreme package to your project

npm install @spicainternational/sds-devextreme --save

It is recommended that you target latest minor version in the project's dependency section of the package.json.

"@spicainternational/sds-devextreme":"~1.0.0"

Upgrade to new major release only after adapting to the version's breaking changes.

Configuration

The DevExpress theme file should be first. The sds-devextreme file with theme overrides should be placed after the main file.

Example

@import 'sds-bootstrap_variables';
@import "../node_modules/bootstrap/scss/bootstrap.scss";
@import 'sds-bootstrap';
@import 'sds-core';

@import 'dx.generic.sds-theme.css';
@import 'sds-devextreme.css';

@import 'app-specific-components';
@import 'third-party-styles';
...

Resources

Figma files:

• Web design Presentation
• Web design Bootstrap 4