@duetds/css 2.0.0-alpha.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -4
- package/lib/duet.css +1162 -702
- package/lib/duet.min.css +1 -1
- package/package.json +27 -20
package/README.md
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
[](https://lt-devtool.visualstudio.com/Duet%20Design%20System/_build/latest?definitionId=58&branchName=master)
|
|
2
|
-
[](https://www.npmjs.com/package/@duetds/css)
|
|
2
|
+
[](https://www.npmjs.com/package/@duetds/css)
|
|
3
3
|
|
|
4
4
|
# Duet CSS
|
|
5
5
|
|
|
6
|
-
This package includes Duet CSS and related tools.
|
|
6
|
+
This package includes Duet CSS Framework and related tools.
|
|
7
7
|
|
|
8
8
|
## Usage
|
|
9
9
|
|
|
10
|
-
For usage instructions, please see Duet Design System [documentation](https://www.duetds.com).
|
|
10
|
+
For usage instructions, please see Duet Design System [documentation](https://www.duetds.com/css-framework/).
|
|
11
|
+
|
|
12
|
+
## Architecture
|
|
13
|
+
|
|
14
|
+
This package uses SCSS for authoring, npm for building, and dart-sass/sass-lint for linting.
|
|
15
|
+
|
|
16
|
+
The package consists of the following:
|
|
17
|
+
|
|
18
|
+
* `_breakpoints.scss` offers a helper class to display the currently-matched media query.
|
|
19
|
+
* `_components.scss` hides all Duet components until they are loaded. It is auto-generated as part of the `components` package's build
|
|
20
|
+
* `_tokens.scss` exposes Duet design tokens as CSS classes
|
|
21
|
+
* `_utilities.scss` offers a number of utility classes for common scenarios
|
|
11
22
|
|
|
12
23
|
## Copyright
|
|
13
24
|
|
|
14
|
-
Copyright ©
|
|
25
|
+
Copyright © 2020 LocalTapiola/Turva.
|