Updated ACSS config
Compared against the previous ACSS export used before v1.1.0.
This release changed 189 top-level keys. Every changed key is listed below with the previous export value, the new 1.1.0 value, and a plain-language note.
Color Palette
| Key | Old | New | Note |
|---|---|---|---|
primary color | #c8746f | #cf202f | Updated the primary source hex color. |
base color | #828fab | #1e356c | Updated the base source hex color. |
neutral color | #000000 | #040404 | Updated the neutral source hex color. |
success color | #2baa49 | #2aa745 | Updated the success source hex color. |
warning color | #ba8500 | #ffc10a | Updated the warning source hex color. |
info color | #15a0b6 | #1da0b4 | Updated the info source hex color. |
danger color | #f14b57 | #de3546 | Updated the danger source hex color. |
option-palette-unify-brand-lightness | "on" | "off" | Updated Unify Brand Lightness. |
option-palette-unify-status-lightness | "on" | "off" | Updated Unify Semantic Lightness. |
Typography
| Key | Old | New | Note |
|---|---|---|---|
btn-font-weight | "400" | "700" | Changed the default button font weight. |
font-1-display | "" | "swap" | Set font slot 1 font-display strategy. |
font-1-family-name | "" | "MAC Head" | Set font slot 1 family label. |
font-1-format | "" | "woff2" | Set font slot 1 primary font format. |
font-1-format-fallback | "" | "woff2" | Set font slot 1 fallback font format. |
font-1-src | "" | "\"/wp-content/uploads/outfit-v11-latin-regular.woff2\"" | Set font slot 1 primary source URL. |
font-1-src-fallback | "" | "\"/wp-content/uploads/outfit-v11-latin-regular.woff2\"" | Set font slot 1 fallback source URL. |
font-1-style | "" | "normal" | Set font slot 1 font style. |
font-1-weight | "" | "400" | Set font slot 1 font weight. |
font-2-display | "" | "swap" | Set font slot 2 font-display strategy. |
font-2-family-name | "" | "MAC Head" | Set font slot 2 family label. |
font-2-format | "" | "woff2" | Set font slot 2 primary font format. |
font-2-format-fallback | "" | "woff2" | Set font slot 2 fallback font format. |
font-2-src | "" | "\"/wp-content/uploads/outfit-v11-latin-700.woff2\"" | Set font slot 2 primary source URL. |
font-2-src-fallback | "" | "\"/wp-content/uploads/outfit-v11-latin-700.woff2\"" | Set font slot 2 fallback source URL. |
font-2-style | "" | "normal" | Set font slot 2 font style. |
font-2-weight | "" | "700" | Set font slot 2 font weight. |
font-3-display | "" | "swap" | Set font slot 3 font-display strategy. |
font-3-family-name | "" | "MAC Body" | Set font slot 3 family label. |
font-3-format | "" | "woff2" | Set font slot 3 primary font format. |
font-3-format-fallback | "" | "woff2" | Set font slot 3 fallback font format. |
font-3-src | "" | "\"/wp-content/uploads/outfit-v11-latin-regular.woff2\"" | Set font slot 3 primary source URL. |
font-3-src-fallback | "" | "\"/wp-content/uploads/outfit-v11-latin-regular.woff2\"" | Set font slot 3 fallback source URL. |
font-3-style | "" | "normal" | Set font slot 3 font style. |
font-3-weight | "" | "400" | Set font slot 3 font weight. |
font-4-display | "" | "swap" | Set font slot 4 font-display strategy. |
font-4-family-name | "" | "MAC Body" | Set font slot 4 family label. |
font-4-format | "" | "woff2" | Set font slot 4 primary font format. |
font-4-format-fallback | "" | "woff2" | Set font slot 4 fallback font format. |
font-4-src | "" | "\"/wp-content/uploads/outfit-v11-latin-700.woff2\"" | Set font slot 4 primary source URL. |
font-4-src-fallback | "" | "\"/wp-content/uploads/outfit-v11-latin-700.woff2\"" | Set font slot 4 fallback source URL. |
font-4-style | "" | "normal" | Set font slot 4 font style. |
font-4-weight | "" | "700" | Set font slot 4 font weight. |
font-5-display | "" | "swap" | Set font slot 5 font-display strategy. |
font-5-family-name | "" | "MAC Deco" | Set font slot 5 family label. |
font-5-format | "" | "woff2" | Set font slot 5 primary font format. |
font-5-format-fallback | "" | "woff2" | Set font slot 5 fallback font format. |
font-5-src | "" | "\"/wp-content/uploads/outfit-v11-latin-regular.woff2\"" | Set font slot 5 primary source URL. |
font-5-src-fallback | "" | "\"/wp-content/uploads/outfit-v11-latin-regular.woff2\"" | Set font slot 5 fallback source URL. |
font-5-style | "" | "normal" | Set font slot 5 font style. |
font-5-weight | "" | "400" | Set font slot 5 font weight. |
heading-font-family | "" | "Head" | Assigned the default heading font family slot. |
heading-weight | "" | "700" | Changed the default heading weight. |
text-font-family | "" | "Body" | Assigned the default body text font family slot. |
text-font-weight | "" | "400" | Changed the default body text weight. |
Layout And Utility
| Key | Old | New | Note |
|---|---|---|---|
base-radius | "5px" | "8px" | Changed the global base radius token. |
base-space | 30 | "32" | Changed the global base space token. |
base-text-desk | 18 | "18" | Re-saved the desktop base text size as a quoted export value. |
base-text-mob | 16 | "16" | Re-saved the mobile base text size as a quoted export value. |
card-selectors | "" | "\"[data-card]\"" | Scoped card utilities to the [data-card] selector. |
content-feature | "50px" | "40px" | Reduced the feature content width token. |
content-feature-max | "100px" | "80px" | Reduced the maximum feature content width token. |
gutter-max | 80 | "48" | Reduced the maximum gutter token. |
icon-size-2xl | "256px" | "80px" | Changed the 2XL icon size token. |
icon-size-l | "64px" | "48px" | Changed the large icon size token. |
icon-size-s | "16px" | "24px" | Changed the small icon size token. |
icon-size-xl | "128px" | "64px" | Changed the XL icon size token. |
icon-size-xs | "12px" | "16px" | Changed the XS icon size token. |
link-default-not | "" | "\"header a\", \"footer a\"" | Limited default link styling exclusions to header and footer links. |
scroll-margin-max | 0 | "48" | Set a maximum generated scroll-margin token. |
scroll-margin-min | 0 | "24" | Set a minimum generated scroll-margin token. |
selection-bg | "" | "var(--primary)" | Set the default text selection background color. |
selection-bg-alt | "" | "var(--primary-ultra-light)" | Set the alternate text selection background color. |
selection-text | "" | "var(--text-light)" | Set the default text selection text color. |
selection-text-alt | "" | "var(--text-dark)" | Set the alternate text selection text color. |
Framework Toggles
| Key | Old | New | Note |
|---|---|---|---|
option-base-btn | "off" | "on" | Enabled the base btn option. |
option-base-btn-outline | "off" | "on" | Enabled the base btn outline option. |
option-base-btn-shades | "off" | "on" | Enabled the base btn shades option. |
option-danger-btn | "off" | "on" | Enabled the danger btn option. |
option-danger-btn-outline | "off" | "on" | Enabled the danger btn outline option. |
option-danger-btn-shades | "off" | "on" | Enabled the danger btn shades option. |
option-info-btn | "off" | "on" | Enabled the info btn option. |
option-info-btn-outline | "off" | "on" | Enabled the info btn outline option. |
option-info-btn-shades | "off" | "on" | Enabled the info btn shades option. |
option-inverted-radius-framework | "off" | "on" | Enabled the inverted radius framework option. |
option-link-classes-use-decoration-color | "off" | "on" | Enabled the link classes use decoration color option. |
option-link-default-not | "off" | "on" | Enabled the link default not option. |
option-neutral-btn | "off" | "on" | Enabled the neutral btn option. |
option-neutral-btn-outline | "off" | "on" | Enabled the neutral btn outline option. |
option-neutral-btn-shades | "off" | "on" | Enabled the neutral btn shades option. |
option-offset-page-content | "off" | "on" | Enabled the offset page content option. |
option-palette-unify-brand-lightness | "on" | "off" | Disabled the palette unify brand lightness option. |
option-palette-unify-status-lightness | "on" | "off" | Disabled the palette unify status lightness option. |
option-radius-sizes | "off" | "on" | Enabled the radius sizes option. |
option-ref-color-tokens | "off" | "on" | Enabled the ref color tokens option. |
option-success-btn | "off" | "on" | Enabled the success btn option. |
option-success-btn-outline | "off" | "on" | Enabled the success btn outline option. |
option-success-btn-shades | "off" | "on" | Enabled the success btn shades option. |
option-warning-btn | "off" | "on" | Enabled the warning btn option. |
option-warning-btn-outline | "off" | "on" | Enabled the warning btn outline option. |
option-warning-btn-shades | "off" | "on" | Enabled the warning btn shades option. |