@microsoft/atlas-css - npm Package Compare versions

Comparing version 3.8.2 to 3.9.0

package.json

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

src/atomics/README.md

@@ -38,7 +38,9 @@ # Atlas Atomics
    - Such as `semibold` in the class `font-weight-semibold`.
-3. When a number value with a particular unit is involved, that value is typically represented as an at-least-two-letter-t-shirt size.
+3. When a value refers to a pixel value is involved we will just write out the number.
+   - Some width based classes use this approach. `width-100` means `width: 100px`.
+4. When a em/rem value is involved, that value is typically represented as an at-least-two-letter-t-shirt size.
    - Spacing and non-heading typography values follow this convention, as in `xs, sm, md, lg, xl, xxl` in `margin-top-xl`, and `font-size-md`.
    - Within a set of values that require units such as the one above, 0 is represented by the string `none`.
-4. Within a series of values that are all unitless numbers, those numbers are used directly, as in `flex-grow: 1;` being represented by `flex-grow-1`.
-5. When a shorthand property's value is multi-part, we choose a reasonable default and omit the value completely.
+5. Within a series of values that are all unitless numbers, those numbers are used directly, as in `flex-grow: 1;` being represented by `flex-grow-1`.
+6. When a shorthand property's value is multi-part, we choose a reasonable default and omit the value completely.
    - In the case `border: 1px solid $border` the class becomes simply `.border`.
@@ -45,0 +47,0 @@ - In this case further modification would still be available.

No alert changes

Improved metrics

Total package byte prevSize

466811

increased by4.05%

Number of package files

77

increased by4.05%

Lines of code

1550

increased by0.85%

No dependency changes