@microsoft/atlas-css - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

package.json

 {
 	"name": "@microsoft/atlas-css",
-	"version": "3.0.0",
+	"version": "3.1.0",
 	"description": "Styles backing the Atlas Design System used by Microsoft's Developer Relations.",
@@ -5,0 +5,0 @@ "scripts": {

src/atomics/README.md

@@ -32,3 +32,3 @@ # Atlas Atomics
 
-While CSS property values are straightfoward (they just match the CSS property), the value property is not always as easy to guess. We have a few rules that help us figure out how to write values in class names.
+While CSS properties are straightfoward (they just match the CSS), the value property is not always as easy to guess. We have a few rules that help us figure out how to write values in class names.
 
@@ -53,4 +53,4 @@ 1. When the CSS value is a string (such as `flex-end` in `justify-content: flex-end`, or `grid` in `display: grid;`) then we just use that string directly (meaning these classes become `.justify-content-flex-end` and `.display-grid`).
 - `desktop`, representing screen desktop width and larger.
-- `widescreen`, representing very wide screens to inifinity.
+- `widescreen`, representing very wide screens to infinity.
 
 Use a mobile first approach when using Atomics, including the universally applicable class (i.e. the one that does not have a screensize at the end), and when necessary overwrite its values on larger screens.

tokens/README.md

 # Atlas CSS Tokens
 
-A design tokens is a definition of a design-related variable, such as one that affects color, typography, or spacing. Design tokens must be shareable and fairly platform agnostic. Atlas's design tokens are written in Scss (buzzword: source of truth!), and though a [build process](../tokens/index.js), translated and published into JSON so they can be more easily shared by solutions that do not use Scss.
+A design tokens is a definition of a design-related variable, such as one that affects color, typography, or spacing. Design tokens must be shareable and fairly platform agnostic. Atlas's design tokens are written in Scss (buzzword: source of truth!), and though a [build process](https://github.com/microsoft/atlas-design/blob/main/css/tokens/index.js), translated and published into JSON so they can be more easily shared by solutions that do not use Scss.
 
 ## Access our design tokens
 
-Firstly, in order to access these tokens, you must have installed atlas-css in your project. [See installation steps]('../../../README.md). Once this is complete, you'll need to decide whether you want to reference them in Scss or JSON.
+Firstly, in order to access these tokens, you must have installed atlas-css in your project. [See installation steps]('https://github.com/microsoft/atlas-design'). Once this is complete, you'll need to decide whether you want to reference them in Scss or JSON.
 
@@ -9,0 +9,0 @@ ### Get Scss from NPM

No alert changes

Improved metrics

Total package byte prevSize

398669

increased by1.09%

Lines of code

1508

increased by0.27%

No dependency changes