@lansforsakringar/core-css
v1.0.0
Published
Consolidated CSS package for LFDS web consumers.
Keywords
Readme
LFDS Core CSS
Consolidated CSS package for LFDS web consumers.
Scope of this README
This README covers this package only:
- what
@lansforsakringar/core-csscontains - how to consume it from npm
- package-local development commands
For monorepo-level setup, see root README.md. For core release/versioning workflows, see packages/core/README.md.
What this package includes
@lansforsakringar/core-css bundles:
- typography utility classes
- text color utility classes
- token-based CSS custom properties (colors, dimensions, typography variables)
- font assets used by LFDS web packages
This package is intended as the default CSS entrypoint for LFDS web usage.
Installation
npm install @lansforsakringar/core-cssUsage
JavaScript/TypeScript entrypoint
import '@lansforsakringar/core-css/index.css'CSS entrypoint
@import '@lansforsakringar/core-css';Relationship to other packages
- Use together with
@lansforsakringar/core-componentsfor web components. - Replaces the need for multiple separate token/font CSS imports in most consumer projects.
- Internally depends on token/font generation from:
@lansforsakringar/core-tokens@lansforsakringar/core-fonts
Local development (in monorepo)
Run commands from repository root:
# Build package output
npm run build -w packages/core/css
# Watch mode
npm run dev -w packages/core/cssBuild output is written to:
packages/core/css/dist/index.csspackages/core/css/dist/assets/*
Related docs
- Components package: packages/core/components/README.md
- Tokens package: packages/core/tokens/README.md
- Breaking/migration summary: BREAKING_CHANGES_v3.md
