Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@workday/canvas-kit-css-core

Package Overview
Dependencies
Maintainers
6
Versions
1055
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@workday/canvas-kit-css-core - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

4

package.json
{
"name": "@workday/canvas-kit-css-core",
"version": "3.1.0",
"version": "3.2.0",
"description": "The core css for canvas-kit-css",

@@ -34,3 +34,3 @@ "author": "Workday, Inc. (https://www.workday.com)",

},
"gitHead": "8b971e83c41d211f9dadcda2f1f3afaecd575871"
"gitHead": "93ec9384729867c2555904031d6e3cfec5d57106"
}

@@ -150,37 +150,12 @@ # Canvas Kit Core

## Fonts
## Type
To use the Canvas Kit Fonts install and import the `@workday/canvas-kit-css-fonts` module. Using the
Canvas Kit Fonts module is the preferred method to using Workday's typography. You will be able to
add the fonts into your project with an import statement.
### Fonts
```scss
@import '~@workday/canvas-kit-css-fonts/index.scss';
```
To use the Canvas Kit font
[install and import the `@workday/canvas-kit-css-fonts` module](https://github.com/Workday/canvas-kit/tree/master/modules/fonts/css).
Note that this module sources fonts from the Workday CDN.
Canvas Kit uses Roboto (Light, Regular, Medium, Bold) and Roboto Mono provided by
`canvas-kit-css-assets`.
### Hierarchy
All Roboto fonts are included as weights of Roboto:
| Font | Weight |
| -------------- | ------ |
| Roboto Light | 300 |
| Roboto Regular | 400 |
| Roboto Medium | 500 |
| Roboto Bold | 700 |
Roboto Mono is included as weight 400.
**Usage**
```scss
.fontClass {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
```
## Type
Type styles are available as classes and mixins. Using the class is preferred. Use mixins to

@@ -187,0 +162,0 @@ override CSS only if necessary,

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc