@microsoft/atlas-css
Advanced tools
Comparing version 2.0.0 to 3.0.0
{ | ||
"name": "@microsoft/atlas-css", | ||
"version": "2.0.0", | ||
"version": "3.0.0", | ||
"description": "Styles backing the Atlas Design System used by Microsoft's Developer Relations.", | ||
@@ -5,0 +5,0 @@ "scripts": { |
@@ -10,5 +10,5 @@ # Atlas Atomics | ||
- display (ex. `.display-inline-flex`) | ||
- spacing (ex. `.margin-inline-l`); | ||
- spacing (ex. `.margin-inline-lg`); | ||
- color (ex. `.color-primary`) | ||
- typography (ex. `.font-size-m`); | ||
- typography (ex. `.font-size-md`); | ||
- flex properties (ex. `.justify-content-center`) | ||
@@ -40,3 +40,3 @@ - and more ... | ||
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. | ||
- Spacing and non-heading typography values follow this convention, as in `xs, sm, md, lg, xl, xxl` in `margin-top-xl`, and `font-size-m`. | ||
- 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`. | ||
@@ -43,0 +43,0 @@ 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`. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
394369