| Server IP : 127.0.1.1 / Your IP : 127.0.0.1 Web Server : Apache/2.4.52 (Ubuntu) System : Linux sealall 5.15.0-179-generic #189-Ubuntu SMP Tue May 5 18:20:56 UTC 2026 x86_64 User : devops ( 1000) PHP Version : 8.3.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/domains/sealall.ca/wp-content/plugins/automaticcss-plugin/config/ |
Upload File : |
{
"$schema": "./framework.schema.json",
"categories": {
"layout": {
"category_groups": {
"variable grid": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/variable-grid/"
},
"condition": {
"type": "=",
"setting": "option-variable-grid",
"value": "on"
},
"classes": {
"variable-grid": {}
}
},
"content grid": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/content-grid/"
},
"condition": {
"type": "=",
"setting": "option-content-grid",
"value": "on"
},
"classes": {
"content-grid": {},
"content--feature": {},
"content--feature-max": {},
"content--full": {},
"content--full-safe": {}
}
},
"grid auto": {
"condition": {
"type": "=",
"setting": "option-auto-grid",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/auto-grids/"
},
"classes": {
"grid--auto-2": {},
"grid--auto-3": {},
"grid--auto-4": {},
"grid--auto-5": {},
"grid--auto-6": {},
"grid--auto-7": {},
"grid--auto-8": {},
"grid--auto-9": {},
"grid--auto-10": {},
"grid--auto-11": {},
"grid--auto-12": {},
"grid--auto-1-2": {},
"grid--auto-1-3": {},
"grid--auto-2-1": {},
"grid--auto-2-3": {},
"grid--auto-3-1": {},
"grid--auto-3-2": {},
"grid--auto-rows": {},
"grid--auto-fill": {},
"grid--auto-fit": {},
"grid--stack-even": {},
"grid--stack-even-xxl": {},
"grid--stack-even-xl": {},
"grid--stack-even-l": {},
"grid--stack-even-m": {},
"grid--stack-even-s": {},
"grid--stack-even-xs": {},
"grid--stack-any": {},
"grid--stack-any-xxl": {},
"grid--stack-any-xl": {},
"grid--stack-any-l": {},
"grid--stack-any-m": {},
"grid--stack-any-s": {},
"grid--stack-any-xs": {}
},
"vars": {
"grid-auto-2": {},
"grid-auto-3": {},
"grid-auto-4": {},
"grid-auto-5": {},
"grid-auto-6": {},
"grid-auto-7": {},
"grid-auto-8": {},
"grid-auto-9": {},
"grid-auto-10": {},
"grid-auto-11": {},
"grid-auto-12": {},
"auto-grid-aggressiveness": {}
}
},
"grid": {
"condition": {
"type": "=",
"setting": "option-grid",
"value": "on"
},
"class_groups": {
"grid": {
"documentation_links": {
"variable_documentation": "https://automaticcss.com/docs/grid-variables/",
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"vars": {
"grid-1": {},
"grid-2": {},
"grid-3": {},
"grid-4": {},
"grid-5": {},
"grid-6": {},
"grid-7": {},
"grid-8": {},
"grid-9": {},
"grid-10": {},
"grid-11": {},
"grid-12": {}
},
"classes": {
"grid--1": {
"variants": {
"grid--s-1": {},
"grid--m-1": {},
"grid--l-1": {},
"grid--xl-1": {},
"grid--xxl-1": {}
}
},
"grid--2": {
"variants": {
"grid--s-2": {},
"grid--m-2": {},
"grid--l-2": {},
"grid--xl-2": {},
"grid--xxl-2": {}
}
},
"grid--3": {
"variants": {
"grid--s-3": {},
"grid--m-3": {},
"grid--l-3": {},
"grid--xl-3": {},
"grid--xxl-3": {}
}
},
"grid--4": {
"variants": {
"grid--s-4": {},
"grid--m-4": {},
"grid--l-4": {},
"grid--xl-4": {},
"grid--xxl-4": {}
}
},
"grid--5": {
"variants": {
"grid--s-5": {},
"grid--m-5": {},
"grid--l-5": {},
"grid--xl-5": {},
"grid--xxl-5": {}
}
},
"grid--6": {
"variants": {
"grid--s-6": {},
"grid--m-6": {},
"grid--l-6": {},
"grid--xl-6": {},
"grid--xxl-6": {}
}
},
"grid--7": {
"variants": {
"grid--s-7": {},
"grid--m-7": {},
"grid--l-7": {},
"grid--xl-7": {},
"grid--xxl-7": {}
}
},
"grid--8": {
"variants": {
"grid--s-8": {},
"grid--m-8": {},
"grid--l-8": {},
"grid--xl-8": {},
"grid--xxl-8": {}
}
},
"grid--9": {
"variants": {
"grid--s-9": {},
"grid--m-9": {},
"grid--l-9": {},
"grid--xl-9": {},
"grid--xxl-9": {}
}
},
"grid--10": {
"variants": {
"grid--s-10": {},
"grid--m-10": {},
"grid--l-10": {},
"grid--xl-10": {},
"grid--xxl-10": {}
}
},
"grid--11": {
"variants": {
"grid--s-11": {},
"grid--m-11": {},
"grid--l-11": {},
"grid--xl-11": {},
"grid--xxl-11": {}
}
},
"grid--12": {
"variants": {
"grid--s-12": {},
"grid--m-12": {},
"grid--l-12": {},
"grid--xl-12": {},
"grid--xxl-12": {}
}
}
}
},
"grid-uneven": {
"documentation_links": {
"variable_documentation": "https://automaticcss.com/docs/grid-variables/",
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"grid--1-2": {},
"grid--1-3": {},
"grid--2-1": {},
"grid--2-3": {},
"grid--3-1": {},
"grid--3-2": {}
},
"vars": {
"grid-1-2": {},
"grid-1-3": {},
"grid-2-1": {},
"grid-2-3": {},
"grid-3-1": {},
"grid-3-2": {}
}
},
"grid-alternate": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/auto-alternating-grids/"
},
"classes": {
"grid--alternate-s": {},
"grid--alternate-m": {},
"grid--alternate-l": {},
"grid--alternate-xl": {}
}
},
"col-start": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"col-start--1": {
"variants": {
"col-start--s-1": {},
"col-start--m-1": {},
"col-start--l-1": {},
"col-start--xl-1": {},
"col-start--xxl-1": {}
}
},
"col-start--2": {
"variants": {
"col-start--s-2": {},
"col-start--m-2": {},
"col-start--l-2": {},
"col-start--xl-2": {},
"col-start--xxl-2": {}
}
},
"col-start--3": {
"variants": {
"col-start--s-3": {},
"col-start--m-3": {},
"col-start--l-3": {},
"col-start--xl-3": {},
"col-start--xxl-3": {}
}
},
"col-start--4": {
"variants": {
"col-start--s-4": {},
"col-start--m-4": {},
"col-start--l-4": {},
"col-start--xl-4": {},
"col-start--xxl-4": {}
}
},
"col-start--5": {
"variants": {
"col-start--s-5": {},
"col-start--m-5": {},
"col-start--l-5": {},
"col-start--xl-5": {},
"col-start--xxl-5": {}
}
},
"col-start--6": {
"variants": {
"col-start--s-6": {},
"col-start--m-6": {},
"col-start--l-6": {},
"col-start--xl-6": {},
"col-start--xxl-6": {}
}
},
"col-start--7": {
"variants": {
"col-start--s-7": {},
"col-start--m-7": {},
"col-start--l-7": {},
"col-start--xl-7": {},
"col-start--xxl-7": {}
}
},
"col-start--8": {
"variants": {
"col-start--s-8": {},
"col-start--m-8": {},
"col-start--l-8": {},
"col-start--xl-8": {},
"col-start--xxl-8": {}
}
},
"col-start--9": {
"variants": {
"col-start--s-9": {},
"col-start--m-9": {},
"col-start--l-9": {},
"col-start--xl-9": {},
"col-start--xxl-9": {}
}
},
"col-start--10": {
"variants": {
"col-start--s-10": {},
"col-start--m-10": {},
"col-start--l-10": {},
"col-start--xl-10": {},
"col-start--xxl-10": {}
}
},
"col-start--11": {
"variants": {
"col-start--s-11": {},
"col-start--m-11": {},
"col-start--l-11": {},
"col-start--xl-11": {},
"col-start--xxl-11": {}
}
},
"col-start--12": {
"variants": {
"col-start--s-12": {},
"col-start--m-12": {},
"col-start--l-12": {},
"col-start--xl-12": {},
"col-start--xxl-12": {}
}
}
}
},
"col-end": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"col-end--1": {
"variants": {
"col-end--s-1": {},
"col-end--m-1": {},
"col-end--l-1": {},
"col-end--xl-1": {},
"col-end--xxl-1": {}
}
},
"col-end--2": {
"variants": {
"col-end--s-2": {},
"col-end--m-2": {},
"col-end--l-2": {},
"col-end--xl-2": {},
"col-end--xxl-2": {}
}
},
"col-end--3": {
"variants": {
"col-end--s-3": {},
"col-end--m-3": {},
"col-end--l-3": {},
"col-end--xl-3": {},
"col-end--xxl-3": {}
}
},
"col-end--4": {
"variants": {
"col-end--s-4": {},
"col-end--m-4": {},
"col-end--l-4": {},
"col-end--xl-4": {},
"col-end--xxl-4": {}
}
},
"col-end--5": {
"variants": {
"col-end--s-5": {},
"col-end--m-5": {},
"col-end--l-5": {},
"col-end--xl-5": {},
"col-end--xxl-5": {}
}
},
"col-end--6": {
"variants": {
"col-end--s-6": {},
"col-end--m-6": {},
"col-end--l-6": {},
"col-end--xl-6": {},
"col-end--xxl-6": {}
}
},
"col-end--7": {
"variants": {
"col-end--s-7": {},
"col-end--m-7": {},
"col-end--l-7": {},
"col-end--xl-7": {},
"col-end--xxl-7": {}
}
},
"col-end--8": {
"variants": {
"col-end--s-8": {},
"col-end--m-8": {},
"col-end--l-8": {},
"col-end--xl-8": {},
"col-end--xxl-8": {}
}
},
"col-end--9": {
"variants": {
"col-end--s-9": {},
"col-end--m-9": {},
"col-end--l-9": {},
"col-end--xl-9": {},
"col-end--xxl-9": {}
}
},
"col-end--10": {
"variants": {
"col-end--s-10": {},
"col-end--m-10": {},
"col-end--l-10": {},
"col-end--xl-10": {},
"col-end--xxl-10": {}
}
},
"col-end--11": {
"variants": {
"col-end--s-11": {},
"col-end--m-11": {},
"col-end--l-11": {},
"col-end--xl-11": {},
"col-end--xxl-11": {}
}
},
"col-end--12": {
"variants": {
"col-end--s-12": {},
"col-end--m-12": {},
"col-end--l-12": {},
"col-end--xl-12": {},
"col-end--xxl-12": {}
}
},
"col-end--last": {
"variants": {
"col-end--s-last": {},
"col-end--m-last": {},
"col-end--l-last": {},
"col-end--xl-last": {},
"col-end--xxl-last": {}
}
}
}
},
"row-start": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"row-start--1": {
"variants": {
"row-start--s-1": {},
"row-start--m-1": {},
"row-start--l-1": {},
"row-start--xl-1": {},
"row-start--xxl-1": {}
}
},
"row-start--2": {
"variants": {
"row-start--s-2": {},
"row-start--m-2": {},
"row-start--l-2": {},
"row-start--xl-2": {},
"row-start--xxl-2": {}
}
},
"row-start--3": {
"variants": {
"row-start--s-3": {},
"row-start--m-3": {},
"row-start--l-3": {},
"row-start--xl-3": {},
"row-start--xxl-3": {}
}
},
"row-start--4": {
"variants": {
"row-start--s-4": {},
"row-start--m-4": {},
"row-start--l-4": {},
"row-start--xl-4": {},
"row-start--xxl-4": {}
}
},
"row-start--5": {
"variants": {
"row-start--s-5": {},
"row-start--m-5": {},
"row-start--l-5": {},
"row-start--xl-5": {},
"row-start--xxl-5": {}
}
},
"row-start--6": {
"variants": {
"row-start--s-6": {},
"row-start--m-6": {},
"row-start--l-6": {},
"row-start--xl-6": {},
"row-start--xxl-6": {}
}
},
"row-start--7": {
"variants": {
"row-start--s-7": {},
"row-start--m-7": {},
"row-start--l-7": {},
"row-start--xl-7": {},
"row-start--xxl-7": {}
}
},
"row-start--8": {
"variants": {
"row-start--s-8": {},
"row-start--m-8": {},
"row-start--l-8": {},
"row-start--xl-8": {},
"row-start--xxl-8": {}
}
},
"row-start--9": {
"variants": {
"row-start--s-9": {},
"row-start--m-9": {},
"row-start--l-9": {},
"row-start--xl-9": {},
"row-start--xxl-9": {}
}
},
"row-start--10": {
"variants": {
"row-start--s-10": {},
"row-start--m-10": {},
"row-start--l-10": {},
"row-start--xl-10": {},
"row-start--xxl-10": {}
}
},
"row-start--11": {
"variants": {
"row-start--s-11": {},
"row-start--m-11": {},
"row-start--l-11": {},
"row-start--xl-11": {},
"row-start--xxl-11": {}
}
},
"row-start--12": {
"variants": {
"row-start--s-12": {},
"row-start--m-12": {},
"row-start--l-12": {},
"row-start--xl-12": {},
"row-start--xxl-12": {}
}
}
}
},
"row-end": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"row-end--1": {
"variants": {
"row-end--s-1": {},
"row-end--m-1": {},
"row-end--l-1": {},
"row-end--xl-1": {},
"row-end--xxl-1": {}
}
},
"row-end--2": {
"variants": {
"row-end--s-2": {},
"row-end--m-2": {},
"row-end--l-2": {},
"row-end--xl-2": {},
"row-end--xxl-2": {}
}
},
"row-end--3": {
"variants": {
"row-end--s-3": {},
"row-end--m-3": {},
"row-end--l-3": {},
"row-end--xl-3": {},
"row-end--xxl-3": {}
}
},
"row-end--4": {
"variants": {
"row-end--s-4": {},
"row-end--m-4": {},
"row-end--l-4": {},
"row-end--xl-4": {},
"row-end--xxl-4": {}
}
},
"row-end--5": {
"variants": {
"row-end--s-5": {},
"row-end--m-5": {},
"row-end--l-5": {},
"row-end--xl-5": {},
"row-end--xxl-5": {}
}
},
"row-end--6": {
"variants": {
"row-end--s-6": {},
"row-end--m-6": {},
"row-end--l-6": {},
"row-end--xl-6": {},
"row-end--xxl-6": {}
}
},
"row-end--7": {
"variants": {
"row-end--s-7": {},
"row-end--m-7": {},
"row-end--l-7": {},
"row-end--xl-7": {},
"row-end--xxl-7": {}
}
},
"row-end--8": {
"variants": {
"row-end--s-8": {},
"row-end--m-8": {},
"row-end--l-8": {},
"row-end--xl-8": {},
"row-end--xxl-8": {}
}
},
"row-end--9": {
"variants": {
"row-end--s-9": {},
"row-end--m-9": {},
"row-end--l-9": {},
"row-end--xl-9": {},
"row-end--xxl-9": {}
}
},
"row-end--10": {
"variants": {
"row-end--s-10": {},
"row-end--m-10": {},
"row-end--l-10": {},
"row-end--xl-10": {},
"row-end--xxl-10": {}
}
},
"row-end--11": {
"variants": {
"row-end--s-11": {},
"row-end--m-11": {},
"row-end--l-11": {},
"row-end--xl-11": {},
"row-end--xxl-11": {}
}
},
"row-end--12": {
"variants": {
"row-end--s-12": {},
"row-end--m-12": {},
"row-end--l-12": {},
"row-end--xl-12": {},
"row-end--xxl-12": {}
}
},
"row-end--last": {
"variants": {
"row-end--s-last": {},
"row-end--m-last": {},
"row-end--l-last": {},
"row-end--xl-last": {},
"row-end--xxl-last": {}
}
}
}
},
"col-span": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"col-span--1": {
"variants": {
"col-span--s-1": {},
"col-span--m-1": {},
"col-span--l-1": {},
"col-span--xl-1": {}
}
},
"col-span--2": {
"variants": {
"col-span--s-2": {},
"col-span--m-2": {},
"col-span--l-2": {},
"col-span--xl-2": {}
}
},
"col-span--3": {
"variants": {
"col-span--s-3": {},
"col-span--m-3": {},
"col-span--l-3": {},
"col-span--xl-3": {}
}
},
"col-span--4": {
"variants": {
"col-span--s-4": {},
"col-span--m-4": {},
"col-span--l-4": {},
"col-span--xl-4": {}
}
},
"col-span--5": {
"variants": {
"col-span--s-5": {},
"col-span--m-5": {},
"col-span--l-5": {},
"col-span--xl-5": {}
}
},
"col-span--6": {
"variants": {
"col-span--s-6": {},
"col-span--m-6": {},
"col-span--l-6": {},
"col-span--xl-6": {}
}
},
"col-span--7": {
"variants": {
"col-span--s-7": {},
"col-span--m-7": {},
"col-span--l-7": {},
"col-span--xl-7": {}
}
},
"col-span--8": {
"variants": {
"col-span--s-8": {},
"col-span--m-8": {},
"col-span--l-8": {},
"col-span--xl-8": {}
}
},
"col-span--9": {
"variants": {
"col-span--s-9": {},
"col-span--m-9": {},
"col-span--l-9": {},
"col-span--xl-9": {}
}
},
"col-span--10": {
"variants": {
"col-span--s-10": {},
"col-span--m-10": {},
"col-span--l-10": {},
"col-span--xl-10": {}
}
},
"col-span--11": {
"variants": {
"col-span--s-11": {},
"col-span--m-11": {},
"col-span--l-11": {},
"col-span--xl-11": {}
}
},
"col-span--12": {
"variants": {
"col-span--s-12": {},
"col-span--m-12": {},
"col-span--l-12": {},
"col-span--xl-12": {}
}
},
"col-span--all": {
"variants": {
"col-span--s-all": {},
"col-span--m-all": {},
"col-span--l-all": {},
"col-span--xl-all": {}
}
}
}
},
"row-span": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"row-span--1": {
"variants": {
"row-span--s-1": {},
"row-span--m-1": {},
"row-span--l-1": {},
"row-span--xl-1": {}
}
},
"row-span--2": {
"variants": {
"row-span--s-2": {},
"row-span--m-2": {},
"row-span--l-2": {},
"row-span--xl-2": {}
}
},
"row-span--3": {
"variants": {
"row-span--s-3": {},
"row-span--m-3": {},
"row-span--l-3": {},
"row-span--xl-3": {}
}
},
"row-span--4": {
"variants": {
"row-span--s-4": {},
"row-span--m-4": {},
"row-span--l-4": {},
"row-span--xl-4": {}
}
},
"row-span--5": {
"variants": {
"row-span--s-5": {},
"row-span--m-5": {},
"row-span--l-5": {},
"row-span--xl-5": {}
}
},
"row-span--6": {
"variants": {
"row-span--s-6": {},
"row-span--m-6": {},
"row-span--l-6": {},
"row-span--xl-6": {}
}
},
"row-span--7": {
"variants": {
"row-span--s-7": {},
"row-span--m-7": {},
"row-span--l-7": {},
"row-span--xl-7": {}
}
},
"row-span--8": {
"variants": {
"row-span--s-8": {},
"row-span--m-8": {},
"row-span--l-8": {},
"row-span--xl-8": {}
}
},
"row-span--9": {
"variants": {
"row-span--s-9": {},
"row-span--m-9": {},
"row-span--l-9": {},
"row-span--xl-9": {}
}
},
"row-span--10": {
"variants": {
"row-span--s-10": {},
"row-span--m-10": {},
"row-span--l-10": {},
"row-span--xl-10": {}
}
},
"row-span--11": {
"variants": {
"row-span--s-11": {},
"row-span--m-11": {},
"row-span--l-11": {},
"row-span--xl-11": {}
}
},
"row-span--12": {
"variants": {
"row-span--s-12": {},
"row-span--m-12": {},
"row-span--l-12": {},
"row-span--xl-12": {}
}
}
}
},
"order": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/grid-classes-standard/"
},
"classes": {
"order--first": {
"variants": {
"order--first-xxl": {},
"order--first-xl": {},
"order--first-l": {},
"order--first-m": {},
"order--first-s": {},
"order--first-xs": {}
}
},
"order--last": {
"variants": {
"order--last-xxl": {},
"order--last-xl": {},
"order--last-l": {},
"order--last-m": {},
"order--last-s": {},
"order--last-xs": {}
}
}
}
},
"grid-stack": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/auto-grids/"
},
"classes": {
"grid--stack-even": {},
"grid--stack-even-xxl": {},
"grid--stack-even-xl": {},
"grid--stack-even-l": {},
"grid--stack-even-m": {},
"grid--stack-even-s": {},
"grid--stack-even-xs": {},
"grid--stack-any": {},
"grid--stack-any-xxl": {},
"grid--stack-any-xl": {},
"grid--stack-any-l": {},
"grid--stack-any-m": {},
"grid--stack-any-s": {},
"grid--stack-any-xs": {}
}
},
"grid-flow": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/auto-grids/"
},
"classes": {
"grid--auto-fit": {},
"grid--auto-fill": {}
}
}
}
},
"flex grid": {
"condition": {
"type": "=",
"setting": "option-flex-grids",
"value": "on"
},
"class_groups": {
"flex-grid": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/flex-grids-flexbox-grids/"
},
"classes": {
"flex-grid--1": {
"variants": {
"flex-grid--s-1": {},
"flex-grid--m-1": {},
"flex-grid--l-1": {},
"flex-grid--xl-1": {}
}
},
"flex-grid--2": {
"variants": {
"flex-grid--s-2": {},
"flex-grid--m-2": {},
"flex-grid--l-2": {},
"flex-grid--xl-2": {}
}
},
"flex-grid--3": {
"variants": {
"flex-grid--s-3": {},
"flex-grid--m-3": {},
"flex-grid--l-3": {},
"flex-grid--xl-3": {}
}
},
"flex-grid--4": {
"variants": {
"flex-grid--s-4": {},
"flex-grid--m-4": {},
"flex-grid--l-4": {},
"flex-grid--xl-4": {}
}
},
"flex-grid--5": {
"variants": {
"flex-grid--s-5": {},
"flex-grid--m-5": {},
"flex-grid--l-5": {},
"flex-grid--xl-5": {}
}
},
"flex-grid--6": {
"variants": {
"flex-grid--s-6": {},
"flex-grid--m-6": {},
"flex-grid--l-6": {},
"flex-grid--xl-6": {}
}
}
}
}
}
},
"flexbox": {
"condition": {
"type": "=",
"setting": "option-flex",
"value": "on"
},
"class_groups": {
"flex": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/flexbox-classes/"
},
"classes": {
"flex--grow": {},
"flex--wrap": {},
"flex--col": {
"variants": {
"flex--col-s": {},
"flex--col-m": {},
"flex--col-l": {},
"flex--col-xl": {}
}
},
"flex--row": {
"variants": {
"flex--row-s": {},
"flex--row-m": {},
"flex--row-l": {},
"flex--row-xl": {}
}
},
"flex--col-reverse": {
"variants": {
"flex--col-reverse-s": {},
"flex--col-reverse-m": {},
"flex--col-reverse-l": {},
"flex--col-reverse-xl": {}
}
},
"flex--row-reverse": {
"variants": {
"flex--row-reverse-s": {},
"flex--row-reverse-m": {},
"flex--row-reverse-l": {},
"flex--row-reverse-xl": {}
}
}
}
},
"justify-content": {
"classes": {
"justify-content--start": {
"variants": {
"justify-content--start-s": {},
"justify-content--start-m": {},
"justify-content--start-l": {},
"justify-content--start-xl": {}
}
},
"justify-content--end": {
"variants": {
"justify-content--end-s": {},
"justify-content--end-m": {},
"justify-content--end-l": {},
"justify-content--end-xl": {}
}
},
"justify-content--center": {
"variants": {
"justify-content--center-s": {},
"justify-content--center-m": {},
"justify-content--center-l": {},
"justify-content--center-xl": {}
}
},
"justify-content--between": {
"variants": {
"justify-content--between-s": {},
"justify-content--between-m": {},
"justify-content--between-l": {},
"justify-content--between-xl": {}
}
},
"justify-content--around": {
"variants": {
"justify-content--around-s": {},
"justify-content--around-m": {},
"justify-content--around-l": {},
"justify-content--around-xl": {}
}
},
"justify-content--stretch": {
"variants": {
"justify-content--stretch-s": {},
"justify-content--stretch-m": {},
"justify-content--stretch-l": {},
"justify-content--stretch-xl": {}
}
}
}
},
"justify-items": {
"classes": {
"justify-items--start": {
"variants": {
"justify-items--start-s": {},
"justify-items--start-m": {},
"justify-items--start-l": {},
"justify-items--start-xl": {}
}
},
"justify-items--end": {
"variants": {
"justify-items--end-s": {},
"justify-items--end-m": {},
"justify-items--end-l": {},
"justify-items--end-xl": {}
}
},
"justify-items--center": {
"variants": {
"justify-items--center-s": {},
"justify-items--center-m": {},
"justify-items--center-l": {},
"justify-items--center-xl": {}
}
},
"justify-items--stretch": {
"variants": {
"justify-items--stretch-s": {},
"justify-items--stretch-m": {},
"justify-items--stretch-l": {},
"justify-items--stretch-xl": {}
}
}
}
},
"align-content": {
"classes": {
"align-content--start": {
"variants": {
"align-content--start-s": {},
"align-content--start-m": {},
"align-content--start-l": {},
"align-content--start-xl": {}
}
},
"align-content--end": {
"variants": {
"align-content--end-s": {},
"align-content--end-m": {},
"align-content--end-l": {},
"align-content--end-xl": {}
}
},
"align-content--center": {
"variants": {
"align-content--center-s": {},
"align-content--center-m": {},
"align-content--center-l": {},
"align-content--center-xl": {}
}
},
"align-content--baseline": {
"variants": {
"align-content--baseline-s": {},
"align-content--baseline-m": {},
"align-content--baseline-l": {},
"align-content--baseline-xl": {}
}
},
"align-content--stretch": {
"variants": {
"align-content--stretch-s": {},
"align-content--stretch-m": {},
"align-content--stretch-l": {},
"align-content--stretch-xl": {}
}
}
}
},
"align-items": {
"classes": {
"align-items--start": {
"variants": {
"align-items--start-s": {},
"align-items--start-m": {},
"align-items--start-l": {},
"align-items--start-xl": {}
}
},
"align-items--end": {
"variants": {
"align-items--end-s": {},
"align-items--end-m": {},
"align-items--end-l": {},
"align-items--end-xl": {}
}
},
"align-items--center": {
"variants": {
"align-items--center-s": {},
"align-items--center-m": {},
"align-items--center-l": {},
"align-items--center-xl": {}
}
},
"align-items--baseline": {
"variants": {
"align-items--baseline-s": {},
"align-items--baseline-m": {},
"align-items--baseline-l": {},
"align-items--baseline-xl": {}
}
},
"align-items--stretch": {
"variants": {
"align-items--stretch-s": {},
"align-items--stretch-m": {},
"align-items--stretch-l": {},
"align-items--stretch-xl": {}
}
}
}
},
"self": {
"classes": {
"self--start": {
"variants": {
"self--start-s": {},
"self--start-m": {},
"self--start-l": {},
"self--start-xl": {}
}
},
"self--end": {
"variants": {
"self--end-s": {},
"self--end-m": {},
"self--end-l": {},
"self--end-xl": {}
}
},
"self--center": {
"variants": {
"self--center-s": {},
"self--center-m": {},
"self--center-l": {},
"self--center-xl": {}
}
},
"self--stretch": {
"variants": {
"self--stretch-s": {},
"self--stretch-m": {},
"self--stretch-l": {},
"self--stretch-xl": {}
}
}
}
},
"stretch": {
"classes": {
"stretch": {}
}
}
}
},
"width": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/width-utilities/"
},
"condition": {
"type": "=",
"setting": "option-width",
"value": "on"
},
"classes": {
"width--xs": {},
"width--s": {},
"width--m": {},
"width--l": {},
"width--xl": {},
"width--xxl": {},
"width--content": {},
"width--50": {},
"width--full": {},
"width--auto": {},
"content-width": {},
"content-width--safe": {}
},
"vars": {
"width--xs": {},
"width--s": {},
"width--m": {},
"width--l": {},
"width--xl": {},
"width--xxl": {},
"width--content": {},
"width--50": {},
"width--full": {},
"content-width": {},
"content-width--safe": {}
}
},
"height": {
"condition": {
"type": "=",
"setting": "option-height",
"value": "on"
},
"class_groups": {
"height": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/height-classes/"
},
"classes": {
"height--full": {},
"height--20": {
"variants": {
"height--xxl-20": {},
"height--xl-20": {},
"height--l-20": {},
"height--m-20": {},
"height--s-20": {},
"height--xs-20": {}
}
},
"height--30": {
"variants": {
"height--xxl-30": {},
"height--xl-30": {},
"height--l-30": {},
"height--m-30": {},
"height--s-30": {},
"height--xs-30": {}
}
},
"height--40": {
"variants": {
"height--xxl-40": {},
"height--xl-40": {},
"height--l-40": {},
"height--m-40": {},
"height--s-40": {},
"height--xs-40": {}
}
},
"height--50": {
"variants": {
"height--xxl-50": {},
"height--xl-50": {},
"height--l-50": {},
"height--m-50": {},
"height--s-50": {},
"height--xs-50": {}
}
},
"height--60": {
"variants": {
"height--xxl-60": {},
"height--xl-60": {},
"height--l-60": {},
"height--m-60": {},
"height--s-60": {},
"height--xs-60": {}
}
},
"height--70": {
"variants": {
"height--xxl-70": {},
"height--xl-70": {},
"height--l-70": {},
"height--m-70": {},
"height--s-70": {},
"height--xs-70": {}
}
},
"height--80": {
"variants": {
"height--xxl-80": {},
"height--xl-80": {},
"height--l-80": {},
"height--m-80": {},
"height--s-80": {},
"height--xs-80": {}
}
},
"height--90": {
"variants": {
"height--xxl-90": {},
"height--xl-90": {},
"height--l-90": {},
"height--m-90": {},
"height--s-90": {},
"height--xs-90": {}
}
},
"height--100": {
"variants": {
"height--xxl-100": {},
"height--xl-100": {},
"height--l-100": {},
"height--m-100": {},
"height--s-100": {},
"height--xs-100": {}
}
}
}
},
"max-height": {
"classes": {
"max-height--full": {},
"max-height--20": {
"variants": {
"max-height--xxl-20": {},
"max-height--xl-20": {},
"max-height--l-20": {},
"max-height--m-20": {},
"max-height--s-20": {},
"max-height--xs-20": {}
}
},
"max-height--30": {
"variants": {
"max-height--xxl-30": {},
"max-height--xl-30": {},
"max-height--l-30": {},
"max-height--m-30": {},
"max-height--s-30": {},
"max-height--xs-30": {}
}
},
"max-height--40": {
"variants": {
"max-height--xxl-40": {},
"max-height--xl-40": {},
"max-height--l-40": {},
"max-height--m-40": {},
"max-height--s-40": {},
"max-height--xs-40": {}
}
},
"max-height--50": {
"variants": {
"max-height--xxl-50": {},
"max-height--xl-50": {},
"max-height--l-50": {},
"max-height--m-50": {},
"max-height--s-50": {},
"max-height--xs-50": {}
}
},
"max-height--60": {
"variants": {
"max-height--xxl-60": {},
"max-height--xl-60": {},
"max-height--l-60": {},
"max-height--m-60": {},
"max-height--s-60": {},
"max-height--xs-60": {}
}
},
"max-height--70": {
"variants": {
"max-height--xxl-70": {},
"max-height--xl-70": {},
"max-height--l-70": {},
"max-height--m-70": {},
"max-height--s-70": {},
"max-height--xs-70": {}
}
},
"max-height--80": {
"variants": {
"max-height--xxl-80": {},
"max-height--xl-80": {},
"max-height--l-80": {},
"max-height--m-80": {},
"max-height--s-80": {},
"max-height--xs-80": {}
}
},
"max-height--90": {
"variants": {
"max-height--xxl-90": {},
"max-height--xl-90": {},
"max-height--l-90": {},
"max-height--m-90": {},
"max-height--s-90": {},
"max-height--xs-90": {}
}
},
"max-height--100": {
"variants": {
"max-height--xxl-100": {},
"max-height--xl-100": {},
"max-height--l-100": {},
"max-height--m-100": {},
"max-height--s-100": {},
"max-height--xs-100": {}
}
}
}
}
}
},
"display": {
"condition": {
"type": "=",
"setting": "option-display",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/display-classes/"
},
"classes": {
"display--inline": {},
"display--contents": {},
"display--inline-block": {},
"display--inline-flex": {},
"display--list-item": {},
"display--block": {
"variants": {
"display--xs-block": {},
"display--s-block": {},
"display--m-block": {},
"display--l-block": {},
"display--xl-block": {},
"display--xxl-block": {}
}
},
"display--none": {
"variants": {
"display--xs-none": {},
"display--s-none": {},
"display--m-none": {},
"display--l-none": {},
"display--xl-none": {},
"display--xxl-none": {}
}
}
}
},
"visibility": {
"condition": {
"type": "=",
"setting": "option-visibility",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/visibility-classes/"
},
"classes": {
"visibility--hidden": {
"variants": {
"visibility--xs-hidden": {},
"visibility--s-hidden": {},
"visibility--m-hidden": {},
"visibility--l-hidden": {},
"visibility--xl-hidden": {},
"visibility--xxl-hidden": {}
}
},
"visibility--visible": {
"variants": {
"visibility--xs-visible": {},
"visibility--s-visible": {},
"visibility--m-visible": {},
"visibility--l-visible": {},
"visibility--xl-visible": {},
"visibility--xxl-visible": {}
}
}
}
},
"centering": {
"condition": {
"type": "=",
"setting": "option-centering",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/centering-classes/"
},
"classes": {
"center--self": {},
"center--all": {
"variants": {
"center--all-xs": {},
"center--all-s": {},
"center--all-m": {},
"center--all-l": {},
"center--all-xl": {},
"center--all-xxl": {}
}
},
"center--y": {
"variants": {
"center--y-xs": {},
"center--y-s": {},
"center--y-m": {},
"center--y-l": {},
"center--y-xl": {},
"center--y-xxl": {}
}
},
"center--x": {
"variants": {
"center--x-xs": {},
"center--x-s": {},
"center--x-m": {},
"center--x-l": {},
"center--x-xl": {},
"center--x-xxl": {}
}
},
"center--left": {
"variants": {
"center--left-xs": {},
"center--left-s": {},
"center--left-m": {},
"center--left-l": {},
"center--left-xl": {},
"center--left-xxl": {}
}
},
"center--right": {
"variants": {
"center--right-xs": {},
"center--right-s": {},
"center--right-m": {},
"center--right-l": {},
"center--right-xl": {},
"center--right-xxl": {}
}
},
"center--top": {
"variants": {
"center--top-xs": {},
"center--top-s": {},
"center--top-m": {},
"center--top-l": {},
"center--top-xl": {},
"center--top-xxl": {}
}
},
"center--bottom": {
"variants": {
"center--bottom-xs": {},
"center--bottom-s": {},
"center--bottom-m": {},
"center--bottom-l": {},
"center--bottom-xl": {},
"center--bottom-xxl": {}
}
}
}
},
"z-index": {
"condition": {
"type": "=",
"setting": "option-z-index",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/z-index-classes/"
},
"classes": {
"z--bottom": {
"variants": {
"z--xs-bottom": {},
"z--s-bottom": {},
"z--m-bottom": {},
"z--l-bottom": {},
"z--xl-bottom": {},
"z--xxl-bottom": {}
}
},
"z--0": {
"variants": {
"z--xs-0": {},
"z--s-0": {},
"z--m-0": {},
"z--l-0": {},
"z--xl-0": {},
"z--xxl-0": {}
}
},
"z--10": {
"variants": {
"z--xs-10": {},
"z--s-10": {},
"z--m-10": {},
"z--l-10": {},
"z--xl-10": {},
"z--xxl-10": {}
}
},
"z--20": {
"variants": {
"z--xs-20": {},
"z--s-20": {},
"z--m-20": {},
"z--l-20": {},
"z--xl-20": {},
"z--xxl-20": {}
}
},
"z--30": {
"variants": {
"z--xs-30": {},
"z--s-30": {},
"z--m-30": {},
"z--l-30": {},
"z--xl-30": {},
"z--xxl-30": {}
}
},
"z--40": {
"variants": {
"z--xs-40": {},
"z--s-40": {},
"z--m-40": {},
"z--l-40": {},
"z--xl-40": {},
"z--xxl-40": {}
}
},
"z--50": {
"variants": {
"z--xs-50": {},
"z--s-50": {},
"z--m-50": {},
"z--l-50": {},
"z--xl-50": {},
"z--xxl-50": {}
}
},
"z--60": {
"variants": {
"z--xs-60": {},
"z--s-60": {},
"z--m-60": {},
"z--l-60": {},
"z--xl-60": {},
"z--xxl-60": {}
}
},
"z--70": {
"variants": {
"z--xs-70": {},
"z--s-70": {},
"z--m-70": {},
"z--l-70": {},
"z--xl-70": {},
"z--xxl-70": {}
}
},
"z--80": {
"variants": {
"z--xs-80": {},
"z--s-80": {},
"z--m-80": {},
"z--l-80": {},
"z--xl-80": {},
"z--xxl-80": {}
}
},
"z--90": {
"variants": {
"z--xs-90": {},
"z--s-90": {},
"z--m-90": {},
"z--l-90": {},
"z--xl-90": {},
"z--xxl-90": {}
}
},
"z--top": {
"variants": {
"z--xs-top": {},
"z--s-top": {},
"z--m-top": {},
"z--l-top": {},
"z--xl-top": {},
"z--xxl-top": {}
}
}
}
},
"position": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/position-classes/"
},
"condition": {
"type": "=",
"setting": "option-position",
"value": "on"
},
"class_groups": {
"relative": {
"classes": {
"relative": {}
}
},
"sticky": {
"classes": {
"sticky": {},
"sticky-top": {
"variants": {
"sticky-top--s": {},
"sticky-top--m": {},
"sticky-top--l": {}
}
}
}
}
}
},
"isolation": {
"condition": {
"type": "=",
"setting": "option-z-index",
"value": "on"
},
"classes": {
"isolation--isolate": {}
}
},
"contain": {
"condition": {
"type": "=",
"setting": "option-container-queries",
"value": "on"
},
"classes": {
"contain": {}
}
},
"masonry": {
"condition": {
"type": "=",
"setting": "option-columns",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/masonry-layouts/"
},
"classes": {
"masonry--1": {
"variants": {
"masonry--xs-1": {},
"masonry--s-1": {},
"masonry--m-1": {},
"masonry--l-1": {},
"masonry--xl-1": {},
"masonry--xxl-1": {}
}
},
"masonry--2": {
"variants": {
"masonry--xs-2": {},
"masonry--s-2": {},
"masonry--m-2": {},
"masonry--l-2": {},
"masonry--xl-2": {},
"masonry--xxl-2": {}
}
},
"masonry--3": {
"variants": {
"masonry--xs-3": {},
"masonry--s-3": {},
"masonry--m-3": {},
"masonry--l-3": {},
"masonry--xl-3": {},
"masonry--xxl-3": {}
}
},
"masonry--4": {
"variants": {
"masonry--xs-4": {},
"masonry--s-4": {},
"masonry--m-4": {},
"masonry--l-4": {},
"masonry--xl-4": {},
"masonry--xxl-4": {}
}
},
"masonry--5": {
"variants": {
"masonry--xs-5": {},
"masonry--s-5": {},
"masonry--m-5": {},
"masonry--l-5": {},
"masonry--xl-5": {},
"masonry--xxl-5": {}
}
}
}
},
"divider": {
"condition": {
"type": "=",
"setting": "option-divider-classes",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/global-divider-system/"
},
"classes": {
"divider--all": {},
"divider-top": {},
"divider-bottom": {}
},
"vars": {
"divider": {},
"divider-size": {},
"divider-style": {},
"divider-inline-size": {},
"divider-gap": {},
"divider-light": {},
"divider-color-light": {},
"divider-dark": {},
"divider-color-dark": {}
}
}
}
},
"spacing": {
"category_groups": {
"spacing": {
"documentation_links": {
"variable_documentation": "https://automaticcss.com/docs/spacing-variables/"
},
"vars": {
"space-xs": {},
"space-s": {},
"space-m": {},
"space-l": {},
"space-xl": {},
"space-xxl": {}
}
},
"padding": {
"condition": {
"type": "=",
"setting": "option-padding",
"value": "on"
},
"class_groups": {
"padding": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/padding-classes/"
},
"classes": {
"padding--xs": {},
"padding--s": {},
"padding--m": {},
"padding--l": {},
"padding--xl": {},
"padding--xxl": {},
"padding--none": {}
}
},
"padding (deprecated)": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/padding-classes/"
},
"condition": {
"type": "=",
"setting": "option-deprecated-padding",
"value": "on"
},
"classes": {
"pad--xs": {},
"pad--s": {},
"pad--m": {},
"pad--l": {},
"pad--xl": {},
"pad--xxl": {},
"pad--none": {}
}
},
"header": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/header-padding-classes/"
},
"classes": {
"header--xs": {},
"header--s": {},
"header--m": {},
"header--l": {},
"header--xl": {},
"header--xxl": {}
}
},
"header (deprecated)": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/header-padding-classes/"
},
"condition": {
"type": "=",
"setting": "option-deprecated-padding",
"value": "on"
},
"classes": {
"pad-header--xs": {},
"pad-header--s": {},
"pad-header--m": {},
"pad-header--l": {},
"pad-header--xl": {},
"pad-header--xxl": {}
}
}
}
},
"section padding": {
"condition": {
"type": "=",
"setting": "option-section-padding",
"value": "on"
},
"class_groups": {
"section": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/section-spacing/"
},
"vars": {
"section-space-xs": {},
"section-space-s": {},
"section-space-m": {},
"section-space-l": {},
"section-space-xl": {},
"section-space-xxl": {}
},
"classes": {
"section--xs": {
"variants": {
"section--s-xs": {},
"section--m-xs": {},
"section--l-xs": {},
"section--xl-xs": {},
"section--xxl-xs": {}
}
},
"section--s": {
"variants": {
"section--s-s": {},
"section--m-s": {},
"section--l-s": {},
"section--xl-s": {},
"section--xxl-s": {}
}
},
"section--m": {
"variants": {
"section--s-m": {},
"section--m-m": {},
"section--l-m": {},
"section--xl-m": {},
"section--xxl-m": {}
}
},
"section--l": {
"variants": {
"section--s-l": {},
"section--m-l": {},
"section--l-l": {},
"section--xl-l": {},
"section--xxl-l": {}
}
},
"section--xl": {
"variants": {
"section--s-xl": {},
"section--m-xl": {},
"section--l-xl": {},
"section--xl-xl": {},
"section--xxl-xl": {}
}
},
"section--xxl": {
"variants": {
"section--s-xxl": {},
"section--m-xxl": {},
"section--l-xxl": {},
"section--xl-xxl": {},
"section--xxl-xxl": {}
}
},
"section--none": {
"variants": {
"section--s-none": {},
"section--m-none": {},
"section--l-none": {},
"section--xl-none": {},
"section--xxl-none": {}
}
}
}
},
"section padding (deprecated)": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/section-spacing/"
},
"condition": {
"type": "=",
"setting": "option-deprecated-padding",
"value": "on"
},
"classes": {
"pad-section--xs": {
"variants": {
"pad-section--s-xs": {},
"pad-section--m-xs": {},
"pad-section--l-xs": {},
"pad-section--xl-xs": {},
"pad-section--xxl-xs": {}
}
},
"pad-section--s": {
"variants": {
"pad-section--s-s": {},
"pad-section--m-s": {},
"pad-section--l-s": {},
"pad-section--xl-s": {},
"pad-section--xxl-s": {}
}
},
"pad-section--m": {
"variants": {
"pad-section--s-m": {},
"pad-section--m-m": {},
"pad-section--l-m": {},
"pad-section--xl-m": {},
"pad-section--xxl-m": {}
}
},
"pad-section--l": {
"variants": {
"pad-section--s-l": {},
"pad-section--m-l": {},
"pad-section--l-l": {},
"pad-section--xl-l": {},
"pad-section--xxl-l": {}
}
},
"pad-section--xl": {
"variants": {
"pad-section--s-xl": {},
"pad-section--m-xl": {},
"pad-section--l-xl": {},
"pad-section--xl-xl": {},
"pad-section--xxl-xl": {}
}
},
"pad-section--xxl": {
"variants": {
"pad-section--s-xxl": {},
"pad-section--m-xxl": {},
"pad-section--l-xxl": {},
"pad-section--xl-xxl": {},
"pad-section--xxl-xxl": {}
}
},
"pad-section--none": {
"variants": {
"pad-section--s-none": {},
"pad-section--m-none": {},
"pad-section--l-none": {},
"pad-section--xl-none": {},
"pad-section--xxl-none": {}
}
}
}
}
}
},
"margin": {
"condition": {
"type": "=",
"setting": "option-margin",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/margin-classes/"
},
"class_groups": {
"top": {
"classes": {
"margin-top--xs": {},
"margin-top--s": {},
"margin-top--m": {},
"margin-top--l": {},
"margin-top--xl": {},
"margin-top--xxl": {}
}
},
"bottom": {
"classes": {
"margin-bottom--xs": {},
"margin-bottom--s": {},
"margin-bottom--m": {},
"margin-bottom--l": {},
"margin-bottom--xl": {},
"margin-bottom--xxl": {}
}
},
"left": {
"classes": {
"margin-left--xs": {},
"margin-left--s": {},
"margin-left--m": {},
"margin-left--l": {},
"margin-left--xl": {},
"margin-left--xxl": {}
}
},
"right": {
"classes": {
"margin-right--xs": {},
"margin-right--s": {},
"margin-right--m": {},
"margin-right--l": {},
"margin-right--xl": {},
"margin-right--xxl": {}
}
},
"block": {
"classes": {
"margin-block--xs": {},
"margin-block--s": {},
"margin-block--m": {},
"margin-block--l": {},
"margin-block--xl": {},
"margin-block--xxl": {}
}
},
"inline": {
"classes": {
"margin-inline--xs": {},
"margin-inline--s": {},
"margin-inline--m": {},
"margin-inline--l": {},
"margin-inline--xl": {},
"margin-inline--xxl": {}
}
}
}
},
"gap": {
"condition": {
"type": "=",
"setting": "option-gaps",
"value": "on"
},
"class_groups": {
"gap": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/gap-utilities/"
},
"classes": {
"gap--none": {},
"gap--xs": {
"variants": {
"gap--s-xs": {},
"gap--m-xs": {},
"gap--l-xs": {},
"gap--xl-xs": {}
}
},
"gap--s": {
"variants": {
"gap--s-s": {},
"gap--m-s": {},
"gap--l-s": {},
"gap--xl-s": {}
}
},
"gap--m": {
"variants": {
"gap--s-m": {},
"gap--m-m": {},
"gap--l-m": {},
"gap--xl-m": {}
}
},
"gap--l": {
"variants": {
"gap--s-l": {},
"gap--m-l": {},
"gap--l-l": {},
"gap--xl-l": {}
}
},
"gap--xl": {
"variants": {
"gap--s-xl": {},
"gap--m-xl": {},
"gap--l-xl": {},
"gap--xl-xl": {}
}
},
"gap--xxl": {
"variants": {
"gap--s-xxl": {},
"gap--m-xxl": {},
"gap--l-xxl": {},
"gap--xl-xxl": {}
}
}
}
},
"contextual gap": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/contextual-spacing/"
},
"classes": {
"container-gap": {},
"content-gap": {},
"grid-gap": {}
},
"vars": {
"container-gap": {},
"content-gap": {},
"grid-gap": {}
}
},
"row gap": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/gap-utilities/"
},
"vars": {
"row-gap": {}
},
"classes": {
"row-gap--xs": {
"variants": {
"row-gap--xs-xs": {},
"row-gap--s-xs": {},
"row-gap--m-xs": {},
"row-gap--l-xs": {},
"row-gap--xl-xs": {},
"row-gap--xxl-xs": {}
}
},
"row-gap--s": {
"variants": {
"row-gap--xs-s": {},
"row-gap--s-s": {},
"row-gap--m-s": {},
"row-gap--l-s": {},
"row-gap--xl-s": {},
"row-gap--xxl-s": {}
}
},
"row-gap--m": {
"variants": {
"row-gap--xs-m": {},
"row-gap--s-m": {},
"row-gap--m-m": {},
"row-gap--l-m": {},
"row-gap--xl-m": {},
"row-gap--xxl-m": {}
}
},
"row-gap--l": {
"variants": {
"row-gap--xs-l": {},
"row-gap--s-l": {},
"row-gap--m-l": {},
"row-gap--l-l": {},
"row-gap--xl-l": {},
"row-gap--xxl-l": {}
}
},
"row-gap--xl": {
"variants": {
"row-gap--xs-xl": {},
"row-gap--s-xl": {},
"row-gap--m-xl": {},
"row-gap--l-xl": {},
"row-gap--xl-xl": {},
"row-gap--xxl-xl": {}
}
},
"row-gap--xxl": {
"variants": {
"row-gap--xs-xxl": {},
"row-gap--s-xxl": {},
"row-gap--m-xxl": {},
"row-gap--l-xxl": {},
"row-gap--xl-xxl": {},
"row-gap--xxl-xxl": {}
}
}
}
}
}
},
"gutter": {
"vars": {
"gutter": {}
}
},
"owl": {
"condition": {
"type": "=",
"setting": "option-owl",
"value": "on"
},
"classes": {
"owl--xs": {},
"owl--s": {},
"owl--m": {},
"owl--l": {},
"owl--xl": {},
"owl--xxl": {}
}
},
"smart-spacing": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/smart-spacing/"
},
"condition": {
"type": "=",
"setting": "option-smart-spacing",
"value": "on"
},
"classes": {
"smart-spacing": {}
}
}
}
},
"typography": {
"category_groups": {
"text-colors": {
"condition": {
"type": "=",
"setting": "option-text-color",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/text-classes/"
},
"class_groups": {
"contextual utility": {
"classes": {
"text--dark": {},
"text--dark-muted": {},
"text--light": {},
"text--light-muted": {}
},
"vars": {
"text-dark": {},
"text-dark-muted": {},
"text-light": {},
"text-light-muted": {}
}
},
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"text--action-ultra-dark": {},
"text--action-dark": {},
"text--action-semi-dark": {},
"text--action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--action": {},
"text--action-semi-light": {},
"text--action-light": {},
"text--action-ultra-light": {},
"text--action-comp": {},
"text--action-hover": {}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"text--primary-ultra-dark": {},
"text--primary-dark": {},
"text--primary-semi-dark": {},
"text--primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--primary": {},
"text--primary-semi-light": {},
"text--primary-light": {},
"text--primary-ultra-light": {},
"text--primary-comp": {},
"text--primary-hover": {}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"text--secondary-ultra-dark": {},
"text--secondary-dark": {},
"text--secondary-semi-dark": {},
"text--secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--secondary": {},
"text--secondary-semi-light": {},
"text--secondary-light": {},
"text--secondary-ultra-light": {},
"text--secondary-comp": {},
"text--secondary-hover": {}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"text--accent-ultra-dark": {},
"text--accent-dark": {},
"text--accent-semi-dark": {},
"text--accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--accent": {},
"text--accent-semi-light": {},
"text--accent-light": {},
"text--accent-ultra-light": {},
"text--accent-comp": {},
"text--accent-hover": {}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"text--base-ultra-dark": {},
"text--base-dark": {},
"text--base-semi-dark": {},
"text--base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--base": {},
"text--base-semi-light": {},
"text--base-light": {},
"text--base-ultra-light": {},
"text--base-comp": {},
"text--base-hover": {}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"text--shade-ultra-dark": {},
"text--shade-dark": {},
"text--shade-semi-dark": {},
"text--shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--shade": {},
"text--shade-semi-light": {},
"text--shade-light": {},
"text--shade-ultra-light": {},
"text--shade-comp": {},
"text--shade-hover": {}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes": {
"text--neutral-ultra-dark": {},
"text--neutral-dark": {},
"text--neutral-semi-dark": {},
"text--neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--neutral": {},
"text--neutral-semi-light": {},
"text--neutral-light": {},
"text--neutral-ultra-light": {},
"text--neutral-comp": {},
"text--neutral-hover": {}
}
},
"black & white": {
"classes": {
"text--black": {},
"text--white": {}
}
},
"success": {
"condition": {
"type": "=",
"setting": "option-success-clr",
"value": "on"
},
"classes": {
"text--success-ultra-dark": {},
"text--success-dark": {},
"text--success-semi-dark": {},
"text--success-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--success": {},
"text--success-semi-light": {},
"text--success-light": {},
"text--success-ultra-light": {},
"text--success-comp": {},
"text--success-hover": {}
}
},
"danger": {
"condition": {
"type": "=",
"setting": "option-danger-clr",
"value": "on"
},
"classes": {
"text--danger-ultra-dark": {},
"text--danger-dark": {},
"text--danger-semi-dark": {},
"text--danger-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--danger": {},
"text--danger-semi-light": {},
"text--danger-light": {},
"text--danger-ultra-light": {},
"text--danger-comp": {},
"text--danger-hover": {}
}
},
"warning": {
"condition": {
"type": "=",
"setting": "option-warning-clr",
"value": "on"
},
"classes": {
"text--warning-ultra-dark": {},
"text--warning-dark": {},
"text--warning-semi-dark": {},
"text--warning-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--warning": {},
"text--warning-semi-light": {},
"text--warning-light": {},
"text--warning-ultra-light": {},
"text--warning-comp": {},
"text--warning-hover": {}
}
},
"info": {
"condition": {
"type": "=",
"setting": "option-info-clr",
"value": "on"
},
"classes": {
"text--info-ultra-dark": {},
"text--info-dark": {},
"text--info-semi-dark": {},
"text--info-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"text--info": {},
"text--info-semi-light": {},
"text--info-light": {},
"text--info-ultra-light": {},
"text--info-comp": {},
"text--info-hover": {}
}
}
}
},
"font-sizes": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/text-classes/"
},
"classes": {
"text--xs": {},
"text--s": {},
"text--m": {},
"text--l": {},
"text--xl": {},
"text--xxl": {},
"text--larger": {}
},
"vars": {
"text-xs": {},
"text-s": {},
"text-m": {},
"text-l": {},
"text-xl": {},
"text-xxl": {}
}
},
"font-weights": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/text-classes/"
},
"classes": {
"text--100": {},
"text--200": {},
"text--300": {},
"text--400": {},
"text--500": {},
"text--600": {},
"text--700": {},
"text--800": {},
"text--900": {},
"text--bold": {}
}
},
"font-styles": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/text-classes/"
},
"classes": {
"text--italic": {},
"text--oblique": {}
}
},
"text-decorations": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/text-classes/"
},
"classes": {
"text--decoration-none": {},
"text--underline": {},
"text--underline-wavy": {},
"text--underline-dotted": {},
"text--underline-double": {},
"text--underline-dashed": {},
"text--overline": {},
"text--line-through": {}
}
},
"text-transforms": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/text-classes/"
},
"classes": {
"text--transform-none": {},
"text--uppercase": {},
"text--lowercase": {},
"text--capitalize": {}
}
},
"text-aligns": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/text-classes/"
},
"classes": {
"text--left": {},
"text--center": {},
"text--right": {},
"text--justify": {}
}
},
"text-wraps": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"classes": {
"balance": {},
"unbalance": {}
}
},
"headings": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/fluid-headings/"
},
"classes": {
"h1": {},
"h2": {},
"h3": {},
"h4": {},
"h5": {},
"h6": {}
}
},
"headings (deprecated)": {
"condition": {
"type": "=",
"setting": "option-basic-text-classes",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/fluid-headings/"
},
"classes": {
"h--1": {},
"h--2": {},
"h--3": {},
"h--4": {},
"h--5": {},
"h--6": {}
}
},
"heading-colors": {
"condition": {
"type": "=",
"setting": "option-text-color",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/fluid-headings/"
},
"vars": {
"heading-color": {},
"h1-color": {},
"h2-color": {},
"h3-color": {},
"h4-color": {},
"h5-color": {},
"h6-color": {}
}
}
}
},
"background": {
"category_groups": {
"background-colors": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/background-color-classes/"
},
"condition": {
"type": "=",
"setting": "option-backgrounds",
"value": "on"
},
"class_groups": {
"contextual utility": {
"classes": {
"bg--ultra-dark": {},
"bg--dark": {},
"bg--light": {},
"bg--ultra-light": {}
},
"vars": {
"bg-ultra-dark": {},
"bg-dark": {},
"bg-light": {},
"bg-ultra-light": {}
}
},
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"bg--action-ultra-dark": {
"variants": {
"bg--action-ultra-dark-trans-90": {},
"bg--action-ultra-dark-trans-80": {},
"bg--action-ultra-dark-trans-70": {},
"bg--action-ultra-dark-trans-60": {},
"bg--action-ultra-dark-trans-50": {},
"bg--action-ultra-dark-trans-40": {},
"bg--action-ultra-dark-trans-30": {},
"bg--action-ultra-dark-trans-20": {},
"bg--action-ultra-dark-trans-10": {}
}
},
"bg--action-dark": {
"variants": {
"bg--action-dark-trans-90": {},
"bg--action-dark-trans-80": {},
"bg--action-dark-trans-70": {},
"bg--action-dark-trans-60": {},
"bg--action-dark-trans-50": {},
"bg--action-dark-trans-40": {},
"bg--action-dark-trans-30": {},
"bg--action-dark-trans-20": {},
"bg--action-dark-trans-10": {}
}
},
"bg--action-semi-dark": {
"variants": {}
},
"bg--action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--action": {
"variants": {
"bg--action-trans-90": {},
"bg--action-trans-80": {},
"bg--action-trans-70": {},
"bg--action-trans-60": {},
"bg--action-trans-50": {},
"bg--action-trans-40": {},
"bg--action-trans-30": {},
"bg--action-trans-20": {},
"bg--action-trans-10": {}
}
},
"bg--action-semi-light": {
"variants": {}
},
"bg--action-light": {
"variants": {
"bg--action-light-trans-90": {},
"bg--action-light-trans-80": {},
"bg--action-light-trans-70": {},
"bg--action-light-trans-60": {},
"bg--action-light-trans-50": {},
"bg--action-light-trans-40": {},
"bg--action-light-trans-30": {},
"bg--action-light-trans-20": {},
"bg--action-light-trans-10": {}
}
},
"bg--action-ultra-light": {
"variants": {}
},
"bg--action-comp": {
"variants": {}
},
"bg--action-hover": {
"variants": {}
}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"bg--primary-ultra-dark": {
"variants": {
"bg--primary-ultra-dark-trans-90": {},
"bg--primary-ultra-dark-trans-80": {},
"bg--primary-ultra-dark-trans-70": {},
"bg--primary-ultra-dark-trans-60": {},
"bg--primary-ultra-dark-trans-50": {},
"bg--primary-ultra-dark-trans-40": {},
"bg--primary-ultra-dark-trans-30": {},
"bg--primary-ultra-dark-trans-20": {},
"bg--primary-ultra-dark-trans-10": {}
}
},
"bg--primary-dark": {
"variants": {
"bg--primary-dark-trans-90": {},
"bg--primary-dark-trans-80": {},
"bg--primary-dark-trans-70": {},
"bg--primary-dark-trans-60": {},
"bg--primary-dark-trans-50": {},
"bg--primary-dark-trans-40": {},
"bg--primary-dark-trans-30": {},
"bg--primary-dark-trans-20": {},
"bg--primary-dark-trans-10": {}
}
},
"bg--primary-semi-dark": {
"variants": {}
},
"bg--primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--primary": {
"variants": {
"bg--primary-trans-90": {},
"bg--primary-trans-80": {},
"bg--primary-trans-70": {},
"bg--primary-trans-60": {},
"bg--primary-trans-50": {},
"bg--primary-trans-40": {},
"bg--primary-trans-30": {},
"bg--primary-trans-20": {},
"bg--primary-trans-10": {}
}
},
"bg--primary-semi-light": {
"variants": {}
},
"bg--primary-light": {
"variants": {
"bg--primary-light-trans-90": {},
"bg--primary-light-trans-80": {},
"bg--primary-light-trans-70": {},
"bg--primary-light-trans-60": {},
"bg--primary-light-trans-50": {},
"bg--primary-light-trans-40": {},
"bg--primary-light-trans-30": {},
"bg--primary-light-trans-20": {},
"bg--primary-light-trans-10": {}
}
},
"bg--primary-ultra-light": {
"variants": {}
},
"bg--primary-comp": {
"variants": {}
},
"bg--primary-hover": {
"variants": {}
}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"bg--secondary-ultra-dark": {
"variants": {
"bg--secondary-ultra-dark-trans-90": {},
"bg--secondary-ultra-dark-trans-80": {},
"bg--secondary-ultra-dark-trans-70": {},
"bg--secondary-ultra-dark-trans-60": {},
"bg--secondary-ultra-dark-trans-50": {},
"bg--secondary-ultra-dark-trans-40": {},
"bg--secondary-ultra-dark-trans-30": {},
"bg--secondary-ultra-dark-trans-20": {},
"bg--secondary-ultra-dark-trans-10": {}
}
},
"bg--secondary-dark": {
"variants": {
"bg--secondary-dark-trans-90": {},
"bg--secondary-dark-trans-80": {},
"bg--secondary-dark-trans-70": {},
"bg--secondary-dark-trans-60": {},
"bg--secondary-dark-trans-50": {},
"bg--secondary-dark-trans-40": {},
"bg--secondary-dark-trans-30": {},
"bg--secondary-dark-trans-20": {},
"bg--secondary-dark-trans-10": {}
}
},
"bg--secondary-semi-dark": {
"variants": {}
},
"bg--secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--secondary": {
"variants": {
"bg--secondary-trans-90": {},
"bg--secondary-trans-80": {},
"bg--secondary-trans-70": {},
"bg--secondary-trans-60": {},
"bg--secondary-trans-50": {},
"bg--secondary-trans-40": {},
"bg--secondary-trans-30": {},
"bg--secondary-trans-20": {},
"bg--secondary-trans-10": {}
}
},
"bg--secondary-semi-light": {
"variants": {}
},
"bg--secondary-light": {
"variants": {
"bg--secondary-light-trans-90": {},
"bg--secondary-light-trans-80": {},
"bg--secondary-light-trans-70": {},
"bg--secondary-light-trans-60": {},
"bg--secondary-light-trans-50": {},
"bg--secondary-light-trans-40": {},
"bg--secondary-light-trans-30": {},
"bg--secondary-light-trans-20": {},
"bg--secondary-light-trans-10": {}
}
},
"bg--secondary-ultra-light": {
"variants": {}
},
"bg--secondary-comp": {
"variants": {}
},
"bg--secondary-hover": {
"variants": {}
}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"bg--accent-ultra-dark": {
"variants": {
"bg--accent-ultra-dark-trans-90": {},
"bg--accent-ultra-dark-trans-80": {},
"bg--accent-ultra-dark-trans-70": {},
"bg--accent-ultra-dark-trans-60": {},
"bg--accent-ultra-dark-trans-50": {},
"bg--accent-ultra-dark-trans-40": {},
"bg--accent-ultra-dark-trans-30": {},
"bg--accent-ultra-dark-trans-20": {},
"bg--accent-ultra-dark-trans-10": {}
}
},
"bg--accent-dark": {
"variants": {
"bg--accent-dark-trans-90": {},
"bg--accent-dark-trans-80": {},
"bg--accent-dark-trans-70": {},
"bg--accent-dark-trans-60": {},
"bg--accent-dark-trans-50": {},
"bg--accent-dark-trans-40": {},
"bg--accent-dark-trans-30": {},
"bg--accent-dark-trans-20": {},
"bg--accent-dark-trans-10": {}
}
},
"bg--accent-semi-dark": {
"variants": {}
},
"bg--accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--accent": {
"variants": {
"bg--accent-trans-90": {},
"bg--accent-trans-80": {},
"bg--accent-trans-70": {},
"bg--accent-trans-60": {},
"bg--accent-trans-50": {},
"bg--accent-trans-40": {},
"bg--accent-trans-30": {},
"bg--accent-trans-20": {},
"bg--accent-trans-10": {}
}
},
"bg--accent-semi-light": {
"variants": {}
},
"bg--accent-light": {
"variants": {
"bg--accent-light-trans-90": {},
"bg--accent-light-trans-80": {},
"bg--accent-light-trans-70": {},
"bg--accent-light-trans-60": {},
"bg--accent-light-trans-50": {},
"bg--accent-light-trans-40": {},
"bg--accent-light-trans-30": {},
"bg--accent-light-trans-20": {},
"bg--accent-light-trans-10": {}
}
},
"bg--accent-ultra-light": {
"variants": {}
},
"bg--accent-comp": {
"variants": {}
},
"bg--accent-hover": {
"variants": {}
}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"bg--base-ultra-dark": {
"variants": {
"bg--base-ultra-dark-trans-90": {},
"bg--base-ultra-dark-trans-80": {},
"bg--base-ultra-dark-trans-70": {},
"bg--base-ultra-dark-trans-60": {},
"bg--base-ultra-dark-trans-50": {},
"bg--base-ultra-dark-trans-40": {},
"bg--base-ultra-dark-trans-30": {},
"bg--base-ultra-dark-trans-20": {},
"bg--base-ultra-dark-trans-10": {}
}
},
"bg--base-dark": {
"variants": {
"bg--base-dark-trans-90": {},
"bg--base-dark-trans-80": {},
"bg--base-dark-trans-70": {},
"bg--base-dark-trans-60": {},
"bg--base-dark-trans-50": {},
"bg--base-dark-trans-40": {},
"bg--base-dark-trans-30": {},
"bg--base-dark-trans-20": {},
"bg--base-dark-trans-10": {}
}
},
"bg--base-semi-dark": {
"variants": {}
},
"bg--base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--base": {
"variants": {
"bg--base-trans-90": {},
"bg--base-trans-80": {},
"bg--base-trans-70": {},
"bg--base-trans-60": {},
"bg--base-trans-50": {},
"bg--base-trans-40": {},
"bg--base-trans-30": {},
"bg--base-trans-20": {},
"bg--base-trans-10": {}
}
},
"bg--base-semi-light": {
"variants": {}
},
"bg--base-light": {
"variants": {
"bg--base-light-trans-90": {},
"bg--base-light-trans-80": {},
"bg--base-light-trans-70": {},
"bg--base-light-trans-60": {},
"bg--base-light-trans-50": {},
"bg--base-light-trans-40": {},
"bg--base-light-trans-30": {},
"bg--base-light-trans-20": {},
"bg--base-light-trans-10": {}
}
},
"bg--base-ultra-light": {
"variants": {}
},
"bg--base-comp": {
"variants": {}
},
"bg--base-hover": {
"variants": {}
}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes": {
"bg--neutral-ultra-dark": {
"variants": {
"bg--neutral-ultra-dark-trans-90": {},
"bg--neutral-ultra-dark-trans-80": {},
"bg--neutral-ultra-dark-trans-70": {},
"bg--neutral-ultra-dark-trans-60": {},
"bg--neutral-ultra-dark-trans-50": {},
"bg--neutral-ultra-dark-trans-40": {},
"bg--neutral-ultra-dark-trans-30": {},
"bg--neutral-ultra-dark-trans-20": {},
"bg--neutral-ultra-dark-trans-10": {}
}
},
"bg--neutral-dark": {
"variants": {
"bg--neutral-dark-trans-90": {},
"bg--neutral-dark-trans-80": {},
"bg--neutral-dark-trans-70": {},
"bg--neutral-dark-trans-60": {},
"bg--neutral-dark-trans-50": {},
"bg--neutral-dark-trans-40": {},
"bg--neutral-dark-trans-30": {},
"bg--neutral-dark-trans-20": {},
"bg--neutral-dark-trans-10": {}
}
},
"bg--neutral-semi-dark": {
"variants": {}
},
"bg--neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--neutral": {
"variants": {
"bg--neutral-trans-90": {},
"bg--neutral-trans-80": {},
"bg--neutral-trans-70": {},
"bg--neutral-trans-60": {},
"bg--neutral-trans-50": {},
"bg--neutral-trans-40": {},
"bg--neutral-trans-30": {},
"bg--neutral-trans-20": {},
"bg--neutral-trans-10": {}
}
},
"bg--neutral-semi-light": {
"variants": {}
},
"bg--neutral-light": {
"variants": {
"bg--neutral-light-trans-90": {},
"bg--neutral-light-trans-80": {},
"bg--neutral-light-trans-70": {},
"bg--neutral-light-trans-60": {},
"bg--neutral-light-trans-50": {},
"bg--neutral-light-trans-40": {},
"bg--neutral-light-trans-30": {},
"bg--neutral-light-trans-20": {},
"bg--neutral-light-trans-10": {}
}
},
"bg--neutral-ultra-light": {
"variants": {}
},
"bg--neutral-comp": {
"variants": {}
},
"bg--neutral-hover": {
"variants": {}
}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"bg--shade-ultra-dark": {
"variants": {
"bg--shade-ultra-dark-trans-90": {},
"bg--shade-ultra-dark-trans-80": {},
"bg--shade-ultra-dark-trans-70": {},
"bg--shade-ultra-dark-trans-60": {},
"bg--shade-ultra-dark-trans-50": {},
"bg--shade-ultra-dark-trans-40": {},
"bg--shade-ultra-dark-trans-30": {},
"bg--shade-ultra-dark-trans-20": {},
"bg--shade-ultra-dark-trans-10": {}
}
},
"bg--shade-dark": {
"variants": {
"bg--shade-dark-trans-90": {},
"bg--shade-dark-trans-80": {},
"bg--shade-dark-trans-70": {},
"bg--shade-dark-trans-60": {},
"bg--shade-dark-trans-50": {},
"bg--shade-dark-trans-40": {},
"bg--shade-dark-trans-30": {},
"bg--shade-dark-trans-20": {},
"bg--shade-dark-trans-10": {}
}
},
"bg--shade-semi-dark": {
"variants": {}
},
"bg--shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--shade": {
"variants": {
"bg--shade-trans-90": {},
"bg--shade-trans-80": {},
"bg--shade-trans-70": {},
"bg--shade-trans-60": {},
"bg--shade-trans-50": {},
"bg--shade-trans-40": {},
"bg--shade-trans-30": {},
"bg--shade-trans-20": {},
"bg--shade-trans-10": {}
}
},
"bg--shade-semi-light": {
"variants": {}
},
"bg--shade-light": {
"variants": {
"bg--shade-light-trans-90": {},
"bg--shade-light-trans-80": {},
"bg--shade-light-trans-70": {},
"bg--shade-light-trans-60": {},
"bg--shade-light-trans-50": {},
"bg--shade-light-trans-40": {},
"bg--shade-light-trans-30": {},
"bg--shade-light-trans-20": {},
"bg--shade-light-trans-10": {}
}
},
"bg--shade-ultra-light": {
"variants": {}
},
"bg--shade-comp": {
"variants": {}
},
"bg--shade-hover": {
"variants": {}
}
}
},
"black & white": {
"classes": {
"bg--black": {
"variants": {
"bg--black-trans-90": {},
"bg--black-trans-80": {},
"bg--black-trans-70": {},
"bg--black-trans-60": {},
"bg--black-trans-50": {},
"bg--black-trans-40": {},
"bg--black-trans-30": {},
"bg--black-trans-20": {},
"bg--black-trans-10": {}
}
},
"bg--white": {
"variants": {
"bg--white-trans-90": {},
"bg--white-trans-80": {},
"bg--white-trans-70": {},
"bg--white-trans-60": {},
"bg--white-trans-50": {},
"bg--white-trans-40": {},
"bg--white-trans-30": {},
"bg--white-trans-20": {},
"bg--white-trans-10": {}
}
}
}
},
"success": {
"condition": {
"type": "=",
"setting": "option-success-clr",
"value": "on"
},
"classes": {
"bg--success-ultra-dark": {
"variants": {
"bg--success-ultra-dark-trans-90": {},
"bg--success-ultra-dark-trans-80": {},
"bg--success-ultra-dark-trans-70": {},
"bg--success-ultra-dark-trans-60": {},
"bg--success-ultra-dark-trans-50": {},
"bg--success-ultra-dark-trans-40": {},
"bg--success-ultra-dark-trans-30": {},
"bg--success-ultra-dark-trans-20": {},
"bg--success-ultra-dark-trans-10": {}
}
},
"bg--success-dark": {
"variants": {
"bg--success-dark-trans-90": {},
"bg--success-dark-trans-80": {},
"bg--success-dark-trans-70": {},
"bg--success-dark-trans-60": {},
"bg--success-dark-trans-50": {},
"bg--success-dark-trans-40": {},
"bg--success-dark-trans-30": {},
"bg--success-dark-trans-20": {},
"bg--success-dark-trans-10": {}
}
},
"bg--success-semi-dark": {
"variants": {}
},
"bg--success-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--success": {
"variants": {
"bg--success-trans-90": {},
"bg--success-trans-80": {},
"bg--success-trans-70": {},
"bg--success-trans-60": {},
"bg--success-trans-50": {},
"bg--success-trans-40": {},
"bg--success-trans-30": {},
"bg--success-trans-20": {},
"bg--success-trans-10": {}
}
},
"bg--success-semi-light": {
"variants": {}
},
"bg--success-light": {
"variants": {
"bg--success-light-trans-90": {},
"bg--success-light-trans-80": {},
"bg--success-light-trans-70": {},
"bg--success-light-trans-60": {},
"bg--success-light-trans-50": {},
"bg--success-light-trans-40": {},
"bg--success-light-trans-30": {},
"bg--success-light-trans-20": {},
"bg--success-light-trans-10": {}
}
},
"bg--success-ultra-light": {
"variants": {}
},
"bg--success-comp": {
"variants": {}
},
"bg--success-hover": {
"variants": {}
}
}
},
"danger": {
"condition": {
"type": "=",
"setting": "option-danger-clr",
"value": "on"
},
"classes": {
"bg--danger-ultra-dark": {
"variants": {
"bg--danger-ultra-dark-trans-90": {},
"bg--danger-ultra-dark-trans-80": {},
"bg--danger-ultra-dark-trans-70": {},
"bg--danger-ultra-dark-trans-60": {},
"bg--danger-ultra-dark-trans-50": {},
"bg--danger-ultra-dark-trans-40": {},
"bg--danger-ultra-dark-trans-30": {},
"bg--danger-ultra-dark-trans-20": {},
"bg--danger-ultra-dark-trans-10": {}
}
},
"bg--danger-dark": {
"variants": {
"bg--danger-dark-trans-90": {},
"bg--danger-dark-trans-80": {},
"bg--danger-dark-trans-70": {},
"bg--danger-dark-trans-60": {},
"bg--danger-dark-trans-50": {},
"bg--danger-dark-trans-40": {},
"bg--danger-dark-trans-30": {},
"bg--danger-dark-trans-20": {},
"bg--danger-dark-trans-10": {}
}
},
"bg--danger-semi-dark": {
"variants": {}
},
"bg--danger-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--danger": {
"variants": {
"bg--danger-trans-90": {},
"bg--danger-trans-80": {},
"bg--danger-trans-70": {},
"bg--danger-trans-60": {},
"bg--danger-trans-50": {},
"bg--danger-trans-40": {},
"bg--danger-trans-30": {},
"bg--danger-trans-20": {},
"bg--danger-trans-10": {}
}
},
"bg--danger-semi-light": {
"variants": {}
},
"bg--danger-light": {
"variants": {
"bg--danger-light-trans-90": {},
"bg--danger-light-trans-80": {},
"bg--danger-light-trans-70": {},
"bg--danger-light-trans-60": {},
"bg--danger-light-trans-50": {},
"bg--danger-light-trans-40": {},
"bg--danger-light-trans-30": {},
"bg--danger-light-trans-20": {},
"bg--danger-light-trans-10": {}
}
},
"bg--danger-ultra-light": {
"variants": {}
},
"bg--danger-comp": {
"variants": {}
},
"bg--danger-hover": {
"variants": {}
}
}
},
"warning": {
"condition": {
"type": "=",
"setting": "option-warning-clr",
"value": "on"
},
"classes": {
"bg--warning-ultra-dark": {
"variants": {
"bg--warning-ultra-dark-trans-90": {},
"bg--warning-ultra-dark-trans-80": {},
"bg--warning-ultra-dark-trans-70": {},
"bg--warning-ultra-dark-trans-60": {},
"bg--warning-ultra-dark-trans-50": {},
"bg--warning-ultra-dark-trans-40": {},
"bg--warning-ultra-dark-trans-30": {},
"bg--warning-ultra-dark-trans-20": {},
"bg--warning-ultra-dark-trans-10": {}
}
},
"bg--warning-dark": {
"variants": {
"bg--warning-dark-trans-90": {},
"bg--warning-dark-trans-80": {},
"bg--warning-dark-trans-70": {},
"bg--warning-dark-trans-60": {},
"bg--warning-dark-trans-50": {},
"bg--warning-dark-trans-40": {},
"bg--warning-dark-trans-30": {},
"bg--warning-dark-trans-20": {},
"bg--warning-dark-trans-10": {}
}
},
"bg--warning-semi-dark": {
"variants": {}
},
"bg--warning-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--warning": {
"variants": {
"bg--warning-trans-90": {},
"bg--warning-trans-80": {},
"bg--warning-trans-70": {},
"bg--warning-trans-60": {},
"bg--warning-trans-50": {},
"bg--warning-trans-40": {},
"bg--warning-trans-30": {},
"bg--warning-trans-20": {},
"bg--warning-trans-10": {}
}
},
"bg--warning-semi-light": {
"variants": {}
},
"bg--warning-light": {
"variants": {
"bg--warning-light-trans-90": {},
"bg--warning-light-trans-80": {},
"bg--warning-light-trans-70": {},
"bg--warning-light-trans-60": {},
"bg--warning-light-trans-50": {},
"bg--warning-light-trans-40": {},
"bg--warning-light-trans-30": {},
"bg--warning-light-trans-20": {},
"bg--warning-light-trans-10": {}
}
},
"bg--warning-ultra-light": {
"variants": {}
},
"bg--warning-comp": {
"variants": {}
},
"bg--warning-hover": {
"variants": {}
}
}
},
"info": {
"condition": {
"type": "=",
"setting": "option-info-clr",
"value": "on"
},
"classes": {
"bg--info-ultra-dark": {
"variants": {
"bg--info-ultra-dark-trans-90": {},
"bg--info-ultra-dark-trans-80": {},
"bg--info-ultra-dark-trans-70": {},
"bg--info-ultra-dark-trans-60": {},
"bg--info-ultra-dark-trans-50": {},
"bg--info-ultra-dark-trans-40": {},
"bg--info-ultra-dark-trans-30": {},
"bg--info-ultra-dark-trans-20": {},
"bg--info-ultra-dark-trans-10": {}
}
},
"bg--info-dark": {
"variants": {
"bg--info-dark-trans-90": {},
"bg--info-dark-trans-80": {},
"bg--info-dark-trans-70": {},
"bg--info-dark-trans-60": {},
"bg--info-dark-trans-50": {},
"bg--info-dark-trans-40": {},
"bg--info-dark-trans-30": {},
"bg--info-dark-trans-20": {},
"bg--info-dark-trans-10": {}
}
},
"bg--info-semi-dark": {
"variants": {}
},
"bg--info-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"variants": {}
},
"bg--info": {
"variants": {
"bg--info-trans-90": {},
"bg--info-trans-80": {},
"bg--info-trans-70": {},
"bg--info-trans-60": {},
"bg--info-trans-50": {},
"bg--info-trans-40": {},
"bg--info-trans-30": {},
"bg--info-trans-20": {},
"bg--info-trans-10": {}
}
},
"bg--info-semi-light": {
"variants": {}
},
"bg--info-light": {
"variants": {
"bg--info-light-trans-90": {},
"bg--info-light-trans-80": {},
"bg--info-light-trans-70": {},
"bg--info-light-trans-60": {},
"bg--info-light-trans-50": {},
"bg--info-light-trans-40": {},
"bg--info-light-trans-30": {},
"bg--info-light-trans-20": {},
"bg--info-light-trans-10": {}
}
},
"bg--info-ultra-light": {
"variants": {}
},
"bg--info-comp": {
"variants": {}
},
"bg--info-hover": {
"variants": {}
}
}
}
}
},
"overlays": {
"condition": {
"type": "=",
"setting": "option-overlays",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/overlay-classes/"
},
"class_groups": {
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"overlay--action-ultra-dark-trans-90": {
"variants": {
"overlay--action-ultra-dark-trans-80": {},
"overlay--action-ultra-dark-trans-70": {},
"overlay--action-ultra-dark-trans-60": {},
"overlay--action-ultra-dark-trans-50": {},
"overlay--action-ultra-dark-trans-40": {},
"overlay--action-ultra-dark-trans-30": {},
"overlay--action-ultra-dark-trans-20": {},
"overlay--action-ultra-dark-trans-10": {}
}
},
"overlay--action-dark-trans-90": {
"variants": {
"overlay--action-dark-trans-80": {},
"overlay--action-dark-trans-60": {},
"overlay--action-dark-trans-30": {},
"overlay--action-dark-trans-50": {},
"overlay--action-dark-trans-40": {},
"overlay--action-dark-trans-70": {},
"overlay--action-dark-trans-20": {},
"overlay--action-dark-trans-10": {}
}
},
"overlay--action-trans-90": {
"variants": {
"overlay--action-trans-80": {},
"overlay--action-trans-70": {},
"overlay--action-trans-60": {},
"overlay--action-trans-50": {},
"overlay--action-trans-40": {},
"overlay--action-trans-30": {},
"overlay--action-trans-20": {},
"overlay--action-trans-10": {}
}
},
"overlay--action-light-trans-90": {
"variants": {
"overlay--action-light-trans-80": {},
"overlay--action-light-trans-70": {},
"overlay--action-light-trans-60": {},
"overlay--action-light-trans-50": {},
"overlay--action-light-trans-40": {},
"overlay--action-light-trans-30": {},
"overlay--action-light-trans-20": {},
"overlay--action-light-trans-10": {}
}
}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"overlay--primary-ultra-dark-trans-90": {
"variants": {
"overlay--primary-ultra-dark-trans-80": {},
"overlay--primary-ultra-dark-trans-70": {},
"overlay--primary-ultra-dark-trans-60": {},
"overlay--primary-ultra-dark-trans-50": {},
"overlay--primary-ultra-dark-trans-40": {},
"overlay--primary-ultra-dark-trans-30": {},
"overlay--primary-ultra-dark-trans-20": {},
"overlay--primary-ultra-dark-trans-10": {}
}
},
"overlay--primary-dark-trans-90": {
"variants": {
"overlay--primary-dark-trans-80": {},
"overlay--primary-dark-trans-60": {},
"overlay--primary-dark-trans-30": {},
"overlay--primary-dark-trans-50": {},
"overlay--primary-dark-trans-40": {},
"overlay--primary-dark-trans-70": {},
"overlay--primary-dark-trans-20": {},
"overlay--primary-dark-trans-10": {}
}
},
"overlay--primary-trans-90": {
"variants": {
"overlay--primary-trans-80": {},
"overlay--primary-trans-70": {},
"overlay--primary-trans-60": {},
"overlay--primary-trans-50": {},
"overlay--primary-trans-40": {},
"overlay--primary-trans-30": {},
"overlay--primary-trans-20": {},
"overlay--primary-trans-10": {}
}
},
"overlay--primary-light-trans-90": {
"variants": {
"overlay--primary-light-trans-80": {},
"overlay--primary-light-trans-70": {},
"overlay--primary-light-trans-60": {},
"overlay--primary-light-trans-50": {},
"overlay--primary-light-trans-40": {},
"overlay--primary-light-trans-30": {},
"overlay--primary-light-trans-20": {},
"overlay--primary-light-trans-10": {}
}
}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"overlay--secondary-ultra-dark-trans-90": {
"variants": {
"overlay--secondary-ultra-dark-trans-80": {},
"overlay--secondary-ultra-dark-trans-70": {},
"overlay--secondary-ultra-dark-trans-60": {},
"overlay--secondary-ultra-dark-trans-50": {},
"overlay--secondary-ultra-dark-trans-40": {},
"overlay--secondary-ultra-dark-trans-30": {},
"overlay--secondary-ultra-dark-trans-20": {},
"overlay--secondary-ultra-dark-trans-10": {}
}
},
"overlay--secondary-dark-trans-90": {
"variants": {
"overlay--secondary-dark-trans-80": {},
"overlay--secondary-dark-trans-60": {},
"overlay--secondary-dark-trans-30": {},
"overlay--secondary-dark-trans-50": {},
"overlay--secondary-dark-trans-40": {},
"overlay--secondary-dark-trans-70": {},
"overlay--secondary-dark-trans-20": {},
"overlay--secondary-dark-trans-10": {}
}
},
"overlay--secondary-trans-90": {
"variants": {
"overlay--secondary-trans-80": {},
"overlay--secondary-trans-70": {},
"overlay--secondary-trans-60": {},
"overlay--secondary-trans-50": {},
"overlay--secondary-trans-40": {},
"overlay--secondary-trans-30": {},
"overlay--secondary-trans-20": {},
"overlay--secondary-trans-10": {}
}
},
"overlay--secondary-light-trans-90": {
"variants": {
"overlay--secondary-light-trans-80": {},
"overlay--secondary-light-trans-70": {},
"overlay--secondary-light-trans-60": {},
"overlay--secondary-light-trans-50": {},
"overlay--secondary-light-trans-40": {},
"overlay--secondary-light-trans-30": {},
"overlay--secondary-light-trans-20": {},
"overlay--secondary-light-trans-10": {}
}
}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"overlay--accent-ultra-dark-trans-90": {
"variants": {
"overlay--accent-ultra-dark-trans-80": {},
"overlay--accent-ultra-dark-trans-70": {},
"overlay--accent-ultra-dark-trans-60": {},
"overlay--accent-ultra-dark-trans-50": {},
"overlay--accent-ultra-dark-trans-40": {},
"overlay--accent-ultra-dark-trans-30": {},
"overlay--accent-ultra-dark-trans-20": {},
"overlay--accent-ultra-dark-trans-10": {}
}
},
"overlay--accent-dark-trans-90": {
"variants": {
"overlay--accent-dark-trans-80": {},
"overlay--accent-dark-trans-60": {},
"overlay--accent-dark-trans-30": {},
"overlay--accent-dark-trans-50": {},
"overlay--accent-dark-trans-40": {},
"overlay--accent-dark-trans-70": {},
"overlay--accent-dark-trans-20": {},
"overlay--accent-dark-trans-10": {}
}
},
"overlay--accent-trans-90": {
"variants": {
"overlay--accent-trans-80": {},
"overlay--accent-trans-70": {},
"overlay--accent-trans-60": {},
"overlay--accent-trans-50": {},
"overlay--accent-trans-40": {},
"overlay--accent-trans-30": {},
"overlay--accent-trans-20": {},
"overlay--accent-trans-10": {}
}
},
"overlay--accent-light-trans-90": {
"variants": {
"overlay--accent-light-trans-80": {},
"overlay--accent-light-trans-70": {},
"overlay--accent-light-trans-60": {},
"overlay--accent-light-trans-50": {},
"overlay--accent-light-trans-40": {},
"overlay--accent-light-trans-30": {},
"overlay--accent-light-trans-20": {},
"overlay--accent-light-trans-10": {}
}
}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"overlay--base-ultra-dark-trans-90": {
"variants": {
"overlay--base-ultra-dark-trans-80": {},
"overlay--base-ultra-dark-trans-70": {},
"overlay--base-ultra-dark-trans-60": {},
"overlay--base-ultra-dark-trans-50": {},
"overlay--base-ultra-dark-trans-40": {},
"overlay--base-ultra-dark-trans-30": {},
"overlay--base-ultra-dark-trans-20": {},
"overlay--base-ultra-dark-trans-10": {}
}
},
"overlay--base-dark-trans-90": {
"variants": {
"overlay--base-dark-trans-80": {},
"overlay--base-dark-trans-60": {},
"overlay--base-dark-trans-30": {},
"overlay--base-dark-trans-50": {},
"overlay--base-dark-trans-40": {},
"overlay--base-dark-trans-70": {},
"overlay--base-dark-trans-20": {},
"overlay--base-dark-trans-10": {}
}
},
"overlay--base-trans-90": {
"variants": {
"overlay--base-trans-80": {},
"overlay--base-trans-70": {},
"overlay--base-trans-60": {},
"overlay--base-trans-50": {},
"overlay--base-trans-40": {},
"overlay--base-trans-30": {},
"overlay--base-trans-20": {},
"overlay--base-trans-10": {}
}
},
"overlay--base-light-trans-90": {
"variants": {
"overlay--base-light-trans-80": {},
"overlay--base-light-trans-70": {},
"overlay--base-light-trans-60": {},
"overlay--base-light-trans-50": {},
"overlay--base-light-trans-40": {},
"overlay--base-light-trans-30": {},
"overlay--base-light-trans-20": {},
"overlay--base-light-trans-10": {}
}
}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes": {
"overlay--neutral-ultra-dark-trans-90": {
"variants": {
"overlay--neutral-ultra-dark-trans-80": {},
"overlay--neutral-ultra-dark-trans-70": {},
"overlay--neutral-ultra-dark-trans-60": {},
"overlay--neutral-ultra-dark-trans-50": {},
"overlay--neutral-ultra-dark-trans-40": {},
"overlay--neutral-ultra-dark-trans-30": {},
"overlay--neutral-ultra-dark-trans-20": {},
"overlay--neutral-ultra-dark-trans-10": {}
}
},
"overlay--neutral-dark-trans-90": {
"variants": {
"overlay--neutral-dark-trans-80": {},
"overlay--neutral-dark-trans-60": {},
"overlay--neutral-dark-trans-30": {},
"overlay--neutral-dark-trans-50": {},
"overlay--neutral-dark-trans-40": {},
"overlay--neutral-dark-trans-70": {},
"overlay--neutral-dark-trans-20": {},
"overlay--neutral-dark-trans-10": {}
}
},
"overlay--neutral-trans-90": {
"variants": {
"overlay--neutral-trans-80": {},
"overlay--neutral-trans-70": {},
"overlay--neutral-trans-60": {},
"overlay--neutral-trans-50": {},
"overlay--neutral-trans-40": {},
"overlay--neutral-trans-30": {},
"overlay--neutral-trans-20": {},
"overlay--neutral-trans-10": {}
}
},
"overlay--neutral-light-trans-90": {
"variants": {
"overlay--neutral-light-trans-80": {},
"overlay--neutral-light-trans-70": {},
"overlay--neutral-light-trans-60": {},
"overlay--neutral-light-trans-50": {},
"overlay--neutral-light-trans-40": {},
"overlay--neutral-light-trans-30": {},
"overlay--neutral-light-trans-20": {},
"overlay--neutral-light-trans-10": {}
}
}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"overlay--shade-ultra-dark-trans-90": {
"variants": {
"overlay--shade-ultra-dark-trans-80": {},
"overlay--shade-ultra-dark-trans-70": {},
"overlay--shade-ultra-dark-trans-60": {},
"overlay--shade-ultra-dark-trans-50": {},
"overlay--shade-ultra-dark-trans-40": {},
"overlay--shade-ultra-dark-trans-30": {},
"overlay--shade-ultra-dark-trans-20": {},
"overlay--shade-ultra-dark-trans-10": {}
}
},
"overlay--shade-dark-trans-90": {
"variants": {
"overlay--shade-dark-trans-80": {},
"overlay--shade-dark-trans-60": {},
"overlay--shade-dark-trans-30": {},
"overlay--shade-dark-trans-50": {},
"overlay--shade-dark-trans-40": {},
"overlay--shade-dark-trans-70": {},
"overlay--shade-dark-trans-20": {},
"overlay--shade-dark-trans-10": {}
}
},
"overlay--shade-trans-90": {
"variants": {
"overlay--shade-trans-80": {},
"overlay--shade-trans-70": {},
"overlay--shade-trans-60": {},
"overlay--shade-trans-50": {},
"overlay--shade-trans-40": {},
"overlay--shade-trans-30": {},
"overlay--shade-trans-20": {},
"overlay--shade-trans-10": {}
}
},
"overlay--shade-light-trans-90": {
"variants": {
"overlay--shade-light-trans-80": {},
"overlay--shade-light-trans-70": {},
"overlay--shade-light-trans-60": {},
"overlay--shade-light-trans-50": {},
"overlay--shade-light-trans-40": {},
"overlay--shade-light-trans-30": {},
"overlay--shade-light-trans-20": {},
"overlay--shade-light-trans-10": {}
}
}
}
},
"black & white": {
"classes": {
"overlay--black-trans-90": {
"variants": {
"overlay--black-trans-80": {},
"overlay--black-trans-70": {},
"overlay--black-trans-60": {},
"overlay--black-trans-50": {},
"overlay--black-trans-40": {},
"overlay--black-trans-30": {},
"overlay--black-trans-20": {},
"overlay--black-trans-10": {}
}
},
"overlay--white-trans-90": {
"variants": {
"overlay--white-trans-80": {},
"overlay--white-trans-70": {},
"overlay--white-trans-60": {},
"overlay--white-trans-50": {},
"overlay--white-trans-40": {},
"overlay--white-trans-30": {},
"overlay--white-trans-20": {},
"overlay--white-trans-10": {}
}
}
}
}
}
},
"is-bg": {
"condition": {
"type": "=",
"setting": "option-backgrounds",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/is-background-is-bg/"
},
"classes": {
"is-bg": {}
}
}
}
},
"button-link": {
"category_groups": {
"button": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/button-classes/",
"variable_documentation": "https://automaticcss.com/docs/button-variables/"
},
"condition": {
"type": "=",
"setting": "option-buttons",
"value": "on"
},
"vars": {
"btn-padding-block": {},
"btn-padding-inline": {},
"btn-min-width": {},
"btn-line-height": {},
"btn-font-weight": {},
"btn-font-style": {},
"btn-text-decoration": {},
"btn-text-decoration-hover": {},
"btn-letter-spacing": {},
"btn-text-transform": {},
"btn-border-width": {},
"btn-outline-border-width": {},
"btn-border-style": {},
"btn-border-radius": {},
"btn-transition-duration": {}
},
"class_groups": {
"contextual utility" : {
"classes": {
"btn--outline": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/outline-buttons/"
}
},
"btn--clear": {}
}
},
"action" : {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes" : {
"btn--action": {}
}
},
"primary" : {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes" : {
"btn--primary": {},
"btn--primary-light": {},
"btn--primary-dark": {}
}
},
"secondary" : {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes" : {
"btn--secondary": {},
"btn--secondary-light": {},
"btn--secondary-dark": {}
}
},
"tertiary" : {
"condition": {
"type": "=",
"setting": "option-tertiary-clr",
"value": "on"
},
"classes" : {
"btn--tertiary": {},
"btn--tertiary-light": {},
"btn--tertiary-dark": {}
}
},
"accent" : {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes" : {
"btn--accent": {},
"btn--accent-light": {},
"btn--accent-dark": {}
}
},
"base" : {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes" : {
"btn--base": {},
"btn--base-light": {},
"btn--base-dark": {}
}
},
"neutral" : {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes" : {
"btn--neutral": {},
"btn--neutral-light": {},
"btn--neutral-dark": {}
}
},
"black & white": {
"classes": {
"btn--black": {},
"btn--white": {}
}
},
"button sizes": {
"classes": {
"btn--xs": {},
"btn--s": {},
"btn--m": {},
"btn--l": {},
"btn--xl": {},
"btn--xxl": {}
}
}
}
},
"link": {
"condition": {
"type": "=",
"setting": "option-link-color",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/links/",
"class_documentation": "https://automaticcss.com/docs/link-classes/"
},
"class_groups": {
"contextual utility": {
"classes": {
"link--skip": {},
"skip-link": {}
}
},
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"link--action-ultra-dark": {},
"link--action-dark": {},
"link--action-semi-dark": {},
"link--action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--action": {},
"link--action-semi-light": {},
"link--action-light": {},
"link--action-ultra-light": {},
"link--action-comp": {},
"link--action-hover": {}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"link--primary-ultra-dark": {},
"link--primary-dark": {},
"link--primary-semi-dark": {},
"link--primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--primary": {},
"link--primary-semi-light": {},
"link--primary-light": {},
"link--primary-ultra-light": {},
"link--primary-comp": {},
"link--primary-hover": {}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"link--secondary-ultra-dark": {},
"link--secondary-dark": {},
"link--secondary-semi-dark": {},
"link--secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--secondary": {},
"link--secondary-semi-light": {},
"link--secondary-light": {},
"link--secondary-ultra-light": {},
"link--secondary-comp": {},
"link--secondary-hover": {}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"link--accent-ultra-dark": {},
"link--accent-dark": {},
"link--accent-semi-dark": {},
"link--accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--accent": {},
"link--accent-semi-light": {},
"link--accent-light": {},
"link--accent-ultra-light": {},
"link--accent-comp": {},
"link--accent-hover": {}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"link--base-ultra-dark": {},
"link--base-dark": {},
"link--base-semi-dark": {},
"link--base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--base": {},
"link--base-semi-light": {},
"link--base-light": {},
"link--base-ultra-light": {},
"link--base-comp": {},
"link--base-hover": {}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes": {
"link--neutral-ultra-dark": {},
"link--neutral-dark": {},
"link--neutral-semi-dark": {},
"link--neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--neutral": {},
"link--neutral-semi-light": {},
"link--neutral-light": {},
"link--neutral-ultra-light": {},
"link--neutral-comp": {},
"link--neutral-hover": {}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"link--shade-ultra-dark": {},
"link--shade-dark": {},
"link--shade-semi-dark": {},
"link--shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--shade": {},
"link--shade-semi-light": {},
"link--shade-light": {},
"link--shade-ultra-light": {},
"link--shade-comp": {},
"link--shade-hover": {}
}
},
"black & white": {
"classes": {
"link--black": {},
"link--white": {}
}
},
"success": {
"condition": {
"type": "=",
"setting": "option-success-clr",
"value": "on"
},
"classes": {
"link--success-ultra-dark": {},
"link--success-dark": {},
"link--success-semi-dark": {},
"link--success-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--success": {},
"link--success-semi-light": {},
"link--success-light": {},
"link--success-ultra-light": {},
"link--success-comp": {},
"link--success-hover": {}
}
},
"danger": {
"condition": {
"type": "=",
"setting": "option-danger-clr",
"value": "on"
},
"classes": {
"link--danger-ultra-dark": {},
"link--danger-dark": {},
"link--danger-semi-dark": {},
"link--danger-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--danger": {},
"link--danger-semi-light": {},
"link--danger-light": {},
"link--danger-ultra-light": {},
"link--danger-comp": {},
"link--danger-hover": {}
}
},
"warning": {
"condition": {
"type": "=",
"setting": "option-warning-clr",
"value": "on"
},
"classes": {
"link--warning-ultra-dark": {},
"link--warning-dark": {},
"link--warning-semi-dark": {},
"link--warning-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--warning": {},
"link--warning-semi-light": {},
"link--warning-light": {},
"link--warning-ultra-light": {},
"link--warning-comp": {},
"link--warning-hover": {}
}
},
"info": {
"condition": {
"type": "=",
"setting": "option-info-clr",
"value": "on"
},
"classes": {
"link--info-ultra-dark": {},
"link--info-dark": {},
"link--info-semi-dark": {},
"link--info-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link--info": {},
"link--info-semi-light": {},
"link--info-light": {},
"link--info-ultra-light": {},
"link--info-comp": {},
"link--info-hover": {}
}
}
}
},
"link-hover": {
"condition": {
"type": "=",
"setting": "option-link-color",
"value": "on"
},
"class_groups": {
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"link-hover--action-ultra-dark": {},
"link-hover--action-dark": {},
"link-hover--action-semi-dark": {},
"link-hover--action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--action": {},
"link-hover--action-semi-light": {},
"link-hover--action-light": {},
"link-hover--action-ultra-light": {},
"link-hover--action-comp": {},
"link-hover--action-hover": {}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"link-hover--primary-ultra-dark": {},
"link-hover--primary-dark": {},
"link-hover--primary-semi-dark": {},
"link-hover--primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--primary": {},
"link-hover--primary-semi-light": {},
"link-hover--primary-light": {},
"link-hover--primary-ultra-light": {},
"link-hover--primary-comp": {},
"link-hover--primary-hover": {}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"link-hover--secondary-ultra-dark": {},
"link-hover--secondary-dark": {},
"link-hover--secondary-semi-dark": {},
"link-hover--secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--secondary": {},
"link-hover--secondary-semi-light": {},
"link-hover--secondary-light": {},
"link-hover--secondary-ultra-light": {},
"link-hover--secondary-comp": {},
"link-hover--secondary-hover": {}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"link-hover--accent-ultra-dark": {},
"link-hover--accent-dark": {},
"link-hover--accent-semi-dark": {},
"link-hover--accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--accent": {},
"link-hover--accent-semi-light": {},
"link-hover--accent-light": {},
"link-hover--accent-ultra-light": {},
"link-hover--accent-comp": {},
"link-hover--accent-hover": {}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"link-hover--base-ultra-dark": {},
"link-hover--base-dark": {},
"link-hover--base-semi-dark": {},
"link-hover--base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--base": {},
"link-hover--base-semi-light": {},
"link-hover--base-light": {},
"link-hover--base-ultra-light": {},
"link-hover--base-comp": {},
"link-hover--base-hover": {}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes": {
"link-hover--neutral-ultra-dark": {},
"link-hover--neutral-dark": {},
"link-hover--neutral-semi-dark": {},
"link-hover--neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--neutral": {},
"link-hover--neutral-semi-light": {},
"link-hover--neutral-light": {},
"link-hover--neutral-ultra-light": {},
"link-hover--neutral-comp": {},
"link-hover--neutral-hover": {}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"link-hover--shade-ultra-dark": {},
"link-hover--shade-dark": {},
"link-hover--shade-semi-dark": {},
"link-hover--shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--shade": {},
"link-hover--shade-semi-light": {},
"link-hover--shade-light": {},
"link-hover--shade-ultra-light": {},
"link-hover--shade-comp": {},
"link-hover--shade-hover": {}
}
},
"black & white": {
"classes": {
"link-hover--black": {},
"link-hover--white": {}
}
},
"success": {
"condition": {
"type": "=",
"setting": "option-success-clr",
"value": "on"
},
"classes": {
"link-hover--success-ultra-dark": {},
"link-hover--success-dark": {},
"link-hover--success-semi-dark": {},
"link-hover--success-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--success": {},
"link-hover--success-semi-light": {},
"link-hover--success-light": {},
"link-hover--success-ultra-light": {},
"link-hover--success-comp": {},
"link-hover--success-hover": {}
}
},
"danger": {
"condition": {
"type": "=",
"setting": "option-danger-clr",
"value": "on"
},
"classes": {
"link-hover--danger-ultra-dark": {},
"link-hover--danger-dark": {},
"link-hover--danger-semi-dark": {},
"link-hover--danger-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--danger": {},
"link-hover--danger-semi-light": {},
"link-hover--danger-light": {},
"link-hover--danger-ultra-light": {},
"link-hover--danger-comp": {},
"link-hover--danger-hover": {}
}
},
"warning": {
"condition": {
"type": "=",
"setting": "option-warning-clr",
"value": "on"
},
"classes": {
"link-hover--warning-ultra-dark": {},
"link-hover--warning-dark": {},
"link-hover--warning-semi-dark": {},
"link-hover--warning-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--warning": {},
"link-hover--warning-semi-light": {},
"link-hover--warning-light": {},
"link-hover--warning-ultra-light": {},
"link-hover--warning-comp": {},
"link-hover--warning-hover": {}
}
},
"info": {
"condition": {
"type": "=",
"setting": "option-info-clr",
"value": "on"
},
"classes": {
"link-hover--info-ultra-dark": {},
"link-hover--info-dark": {},
"link-hover--info-semi-dark": {},
"link-hover--info-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"link-hover--info": {},
"link-hover--info-semi-light": {},
"link-hover--info-light": {},
"link-hover--info-ultra-light": {},
"link-hover--info-comp": {},
"link-hover--info-hover": {}
}
}
}
}
}
},
"additional-styling": {
"category_groups": {
"line-clamp": {
"condition": {
"type": "=",
"setting": "option-line-clamp-classes",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/line-clamp-utilities/"
},
"classes": {
"line-clamp--1": {},
"line-clamp--2": {},
"line-clamp--3": {},
"line-clamp--4": {},
"line-clamp--5": {},
"line-clamp--custom": {}
}
},
"form": {
"condition": {
"type": "=",
"setting": "option-forms",
"value": "on"
},
"classes": {
"form--light": {},
"form--dark": {}
}
},
"aspect-ratio": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/aspect-ratio-classes/"
},
"condition": {
"type": "=",
"setting": "option-aspect-ratios",
"value": "on"
},
"classes": {
"aspect--1-1": {
"variants": {
"aspect--xs-1-1": {},
"aspect--s-1-1": {},
"aspect--m-1-1": {},
"aspect--l-1-1": {},
"aspect--xl-1-1": {},
"aspect--xxl-1-1": {}
}
},
"aspect--1-2": {
"variants": {
"aspect--xs-1-2": {},
"aspect--s-1-2": {},
"aspect--m-1-2": {},
"aspect--l-1-2": {},
"aspect--xl-1-2": {},
"aspect--xxl-1-2": {}
}
},
"aspect--2-1": {
"variants": {
"aspect--xs-2-1": {},
"aspect--s-2-1": {},
"aspect--m-2-1": {},
"aspect--l-2-1": {},
"aspect--xl-2-1": {},
"aspect--xxl-2-1": {}
}
},
"aspect--2-3": {
"variants": {
"aspect--xs-2-3": {},
"aspect--s-2-3": {},
"aspect--m-2-3": {},
"aspect--l-2-3": {},
"aspect--xl-2-3": {},
"aspect--xxl-2-3": {}
}
},
"aspect--3-2": {
"variants": {
"aspect--xs-3-2": {},
"aspect--s-3-2": {},
"aspect--m-3-2": {},
"aspect--l-3-2": {},
"aspect--xl-3-2": {},
"aspect--xxl-3-2": {}
}
},
"aspect--3-4": {
"variants": {
"aspect--xs-3-4": {},
"aspect--s-3-4": {},
"aspect--m-3-4": {},
"aspect--l-3-4": {},
"aspect--xl-3-4": {},
"aspect--xxl-3-4": {}
}
},
"aspect--4-3": {
"variants": {
"aspect--xs-4-3": {},
"aspect--s-4-3": {},
"aspect--m-4-3": {},
"aspect--l-4-3": {},
"aspect--xl-4-3": {},
"aspect--xxl-4-3": {}
}
},
"aspect--16-9": {
"variants": {
"aspect--xs-16-9": {},
"aspect--s-16-9": {},
"aspect--m-16-9": {},
"aspect--l-16-9": {},
"aspect--xl-16-9": {},
"aspect--xxl-16-9": {}
}
},
"aspect--9-16": {
"variants": {
"aspect--xs-9-16": {},
"aspect--s-9-16": {},
"aspect--m-9-16": {},
"aspect--l-9-16": {},
"aspect--xl-9-16": {},
"aspect--xxl-9-16": {}
}
}
}
},
"object-fit": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/object-fit-classes/"
},
"condition": {
"type": "=",
"setting": "option-object-fit",
"value": "on"
},
"classes": {
"object-fit--top-left": {},
"object-fit--top-center": {},
"object-fit--top-right": {},
"object-fit--center-left": {},
"object-fit--center-right": {},
"object-fit--bottom-left": {},
"object-fit--bottom-center": {},
"object-fit--bottom-right": {},
"object-fit--cover": {},
"object-fit--contain": {}
}
},
"breakout": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/breakout-classes/"
},
"condition": {
"type": "=",
"setting": "option-breakouts",
"value": "on"
},
"classes": {
"breakout--s": {},
"breakout--m": {},
"breakout--l": {},
"breakout--xl": {},
"breakout--full": {}
}
},
"fade": {
"condition": {
"type": "=",
"setting": "option-gradient-fades",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/gradient-fades/"
},
"classes": {
"fade--block": {},
"fade--inline": {},
"fade--top": {},
"fade--right": {},
"fade--bottom": {},
"fade--left": {}
}
},
"flip": {
"condition": {
"type": "=",
"setting": "option-flip",
"value": "on"
},
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/flip-classes/"
},
"classes": {
"flip--x": {},
"flip--y": {},
"flip--xy": {},
"flip--both": {}
}
},
"selection": {
"class_groups": {
"selection background" : {
"condition": {
"type": "!=",
"setting": "selection-bg-alt",
"value": ""
},
"classes": {
"selection--alt": {}
}
},
"selection text" : {
"condition": {
"type": "!=",
"setting": "selection-text-alt",
"value": ""
},
"classes": {
"selection--alt": {}
}
}
}
},
"opacity": {
"documentation_links": {
"class_documentation": "https://automaticcss.com/docs/opacity-classes/"
},
"condition": {
"type": "=",
"setting": "option-opacities",
"value": "on"
},
"classes": {
"opacity--5": {},
"opacity--10": {},
"opacity--20": {},
"opacity--30": {},
"opacity--40": {},
"opacity--50": {},
"opacity--60": {},
"opacity--70": {},
"opacity--80": {},
"opacity--90": {},
"opacity--95": {}
}
},
"box-shadow": {
"condition": {
"type": "=",
"setting": "option-box-shadows",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/box-shadow-classes/"
},
"classes": {
"box-shadow--m": {},
"box-shadow--l": {},
"box-shadow--xl": {}
},
"vars": {
"box-shadow-m": {},
"box-shadow-l": {},
"box-shadow-xl": {}
}
},
"color scheme": {
"condition": {
"type": "=",
"setting": "option-accessibility-classes",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/color-scheme-dark-mode/"
},
"classes": {
"color-scheme--alt": {},
"color-scheme--main": {}
}
},
"ribbon": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/ribbons/"
},
"condition": {
"type": "=",
"setting": "option-corner-ribbons",
"value": "on"
},
"classes": {
"ribbon": {
"variants": {
"ribbon--top-left": {},
"ribbon--top-right": {}
}
}
}
}
}
},
"border": {
"category_groups": {
"radius": {
"condition": {
"type": "=",
"setting": "option-rounded",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/global-border-system/"
},
"classes": {
"radius--xs": {},
"radius--s": {},
"radius--m": {},
"radius--l": {},
"radius--xl": {},
"radius--xxl": {},
"radius--50": {},
"radius--circle": {},
"radius--none": {}
},
"vars": {
"radius--xs": {},
"radius--s": {},
"radius--m": {},
"radius--l": {},
"radius--xl": {},
"radius--xxl": {},
"radius--50": {},
"radius--circle": {},
"radius--none": {}
}
},
"rounded": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/global-border-system/"
},
"condition": {
"type": "=",
"setting": "option-rounded",
"value": "on"
},
"classes": {
"rounded--xs": {},
"rounded--s": {},
"rounded--m": {},
"rounded--l": {},
"rounded--xl": {},
"rounded--xxl": {},
"rounded--50": {},
"rounded--circle": {}
}
},
"border": {
"condition": {
"type": "=",
"setting": "option-border-classes",
"value": "on"
},
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/global-border-system/"
},
"classes": {
"border": {},
"border-light": {},
"border-dark": {},
"border-top": {
"variants": {
"border-top--dark": {},
"border-top--light": {}
}
},
"border-right": {
"variants": {
"border-right--dark": {},
"border-right--light": {}
}
},
"border-bottom": {
"variants": {
"border-bottom--dark": {},
"border-bottom--light": {}
}
},
"border-left": {
"variants": {
"border-left--dark": {},
"border-left--light": {}
}
},
"border-block": {
"variants": {
"border-block--dark": {},
"border-block--light": {}
}
},
"border-inline": {
"variants": {
"border-inline--dark": {},
"border-inline--light": {}
}
}
},
"vars": {
"border": {},
"border-light:": {},
"border-dark": {},
"border-size": {},
"border-style:": {},
"border-color-dark": {},
"border-color-light": {}
}
}
}
},
"list-marker": {
"category_groups": {
"list": {
"condition": {
"type": "=",
"setting": "option-classless",
"value": "off"
},
"classes": {
"list--none": {}
}
},
"marker": {
"condition": {
"type": "=",
"setting": "option-marker-colors",
"value": "on"
},
"class_groups": {
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"marker--action": {},
"marker--action-hover": {},
"marker--action-ultra-light": {},
"marker--action-light": {},
"marker--action-semi-light": {},
"marker--action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"marker--action-semi-dark": {},
"marker--action-dark": {},
"marker--action-ultra-dark": {},
"marker--action-comp": {}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"marker--primary": {},
"marker--primary-hover": {},
"marker--primary-ultra-light": {},
"marker--primary-light": {},
"marker--primary-semi-light": {},
"marker--primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"marker--primary-semi-dark": {},
"marker--primary-dark": {},
"marker--primary-ultra-dark": {},
"marker--primary-comp": {}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"marker--secondary": {},
"marker--secondary-hover": {},
"marker--secondary-ultra-light": {},
"marker--secondary-light": {},
"marker--secondary-semi-light": {},
"marker--secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"marker--secondary-semi-dark": {},
"marker--secondary-dark": {},
"marker--secondary-ultra-dark": {},
"marker--secondary-comp": {}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"marker--accent": {},
"marker--accent-hover": {},
"marker--accent-ultra-light": {},
"marker--accent-light": {},
"marker--accent-semi-light": {},
"marker--accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"marker--accent-semi-dark": {},
"marker--accent-dark": {},
"marker--accent-ultra-dark": {},
"marker--accent-comp": {}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"marker--base": {},
"marker--base-hover": {},
"marker--base-ultra-light": {},
"marker--base-light": {},
"marker--base-semi-light": {},
"marker--base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"marker--base-semi-dark": {},
"marker--base-dark": {},
"marker--base-ultra-dark": {},
"marker--base-comp": {}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes": {
"marker--neutral": {},
"marker--neutral-hover": {},
"marker--neutral-ultra-light": {},
"marker--neutral-light": {},
"marker--neutral-semi-light": {},
"marker--neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"marker--neutral-semi-dark": {},
"marker--neutral-dark": {},
"marker--neutral-ultra-dark": {},
"marker--neutral-comp": {}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"marker--shade": {},
"marker--shade-hover": {},
"marker--shade-ultra-light": {},
"marker--shade-light": {},
"marker--shade-semi-light": {},
"marker--shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"marker--shade-semi-dark": {},
"marker--shade-dark": {},
"marker--shade-ultra-dark": {},
"marker--shade-comp": {}
}
},
"white": {
"classes": {
"marker--white": {}
}
},
"black": {
"classes": {
"marker--black": {}
}
}
}
}
}
},
"text-columns": {
"condition": {
"type": "=",
"setting": "option-columns",
"value": "on"
},
"category_groups": {
"column-count": {
"classes": {
"col-count--1": {
"variants": {
"col-count--xs-1": {},
"col-count--s-1": {},
"col-count--m-1": {},
"col-count--l-1": {},
"col-count--xl-1": {},
"col-count--xxl-1": {}
}
},
"col-count--2": {
"variants": {
"col-count--xs-2": {},
"col-count--s-2": {},
"col-count--m-2": {},
"col-count--l-2": {},
"col-count--xl-2": {},
"col-count--xxl-2": {}
}
},
"col-count--3": {
"variants": {
"col-count--xs-3": {},
"col-count--s-3": {},
"col-count--m-3": {},
"col-count--l-3": {},
"col-count--xl-3": {},
"col-count--xxl-3": {}
}
},
"col-count--4": {
"variants": {
"col-count--xs-4": {},
"col-count--s-4": {},
"col-count--m-4": {},
"col-count--l-4": {},
"col-count--xl-4": {},
"col-count--xxl-4": {}
}
},
"col-count--5": {
"variants": {
"col-count--xs-5": {},
"col-count--s-5": {},
"col-count--m-5": {},
"col-count--l-5": {},
"col-count--xl-5": {},
"col-count--xxl-5": {}
}
}
}
},
"column-width": {
"classes": {
"col-width--s": {},
"col-width--m": {},
"col-width--l": {}
}
},
"column-gap": {
"classes": {
"col-gap--xs": {},
"col-gap--s": {},
"col-gap--m": {},
"col-gap--l": {},
"col-gap--xl": {},
"col-gap--xxl": {}
}
},
"column-rule-style": {
"classes": {
"col-rule--dotted": {},
"col-rule--dashed": {},
"col-rule--solid": {},
"col-rule--double": {},
"col-rule--groove": {},
"col-rule--ridge": {},
"col-rule--inset": {},
"col-rule--outset": {}
}
},
"column-rule-color": {
"class_groups": {
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"col-rule--action-ultra-dark": {},
"col-rule--action-dark": {},
"col-rule--action-semi-dark": {},
"col-rule--action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"col-rule--action": {},
"col-rule--action-semi-light": {},
"col-rule--action-light": {},
"col-rule--action-ultra-light": {},
"col-rule--action-comp": {},
"col-rule--action-hover": {}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"col-rule--primary-ultra-dark": {},
"col-rule--primary-dark": {},
"col-rule--primary-semi-dark": {},
"col-rule--primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"col-rule--primary": {},
"col-rule--primary-semi-light": {},
"col-rule--primary-light": {},
"col-rule--primary-ultra-light": {},
"col-rule--primary-comp": {},
"col-rule--primary-hover": {}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"col-rule--secondary-ultra-dark": {},
"col-rule--secondary-dark": {},
"col-rule--secondary-semi-dark": {},
"col-rule--secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"col-rule--secondary": {},
"col-rule--secondary-semi-light": {},
"col-rule--secondary-light": {},
"col-rule--secondary-ultra-light": {},
"col-rule--secondary-comp": {},
"col-rule--secondary-hover": {}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"col-rule--accent-ultra-dark": {},
"col-rule--accent-dark": {},
"col-rule--accent-semi-dark": {},
"col-rule--accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"col-rule--accent": {},
"col-rule--accent-semi-light": {},
"col-rule--accent-light": {},
"col-rule--accent-ultra-light": {},
"col-rule--accent-comp": {},
"col-rule--accent-hover": {}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"col-rule--base-ultra-dark": {},
"col-rule--base-dark": {},
"col-rule--base-semi-dark": {},
"col-rule--base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"col-rule--base": {},
"col-rule--base-semi-light": {},
"col-rule--base-light": {},
"col-rule--base-ultra-light": {},
"col-rule--base-comp": {},
"col-rule--base-hover": {}
}
},
"neutral": {
"classes": {
"col-rule--neutral-ultra-dark": {},
"col-rule--neutral-dark": {},
"col-rule--neutral-semi-dark": {},
"col-rule--neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"col-rule--neutral": {},
"col-rule--neutral-semi-light": {},
"col-rule--neutral-light": {},
"col-rule--neutral-ultra-light": {},
"col-rule--neutral-comp": {},
"col-rule--neutral-hover": {}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"col-rule--shade-ultra-dark": {},
"col-rule--shade-dark": {},
"col-rule--shade-semi-dark": {},
"col-rule--shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"col-rule--shade": {},
"col-rule--shade-semi-light": {},
"col-rule--shade-light": {},
"col-rule--shade-ultra-light": {},
"col-rule--shade-comp": {},
"col-rule--shade-hover": {}
}
},
"black & white": {
"classes": {
"col-rule--black": {},
"col-rule--white": {}
}
}
}
},
"column-rule-width": {
"classes": {
"col-rule--s": {},
"col-rule--m": {},
"col-rule--l": {}
}
}
}
},
"cards": {
"condition": {
"type": "=",
"setting": "option-cards",
"value": "on"
},
"category_groups": {
"background-color": {
"vars": {
"light-card-background": {},
"dark-card-background": {},
"light-card-background-hover": {},
"dark-card-background-hover": {},
"light-card-heading-color": {},
"dark-card-heading-color": {},
"light-card-text-color": {},
"dark-card-text-color": {},
"light-card-link-color": {},
"dark-card-link-color": {},
"light-card-link-hover-color": {},
"dark-card-link-hover-color": {},
"light-card-button-style": {},
"dark-card-button-style": {},
"light-card-avatar-border-color": {},
"dark-card-avatar-border-color": {},
"light-card-border-color": {},
"dark-card-border-color": {},
"light-card-shadow": {},
"dark-card-shadow": {}
}
},
"spacing": {
"vars": {
"card-padding": {},
"card-gap": {}
}
},
"typography": {
"vars": {
"card-text-size": {},
"card-heading-size": {},
"card-line-height": {}
}
},
"icons": {
"vars": {
"card-icon-size": {},
"card-icon-radius": {}
}
},
"avatars": {
"vars": {
"card-avatar-size": {},
"card-avatar-radius": {},
"card-avatar-border-width": {},
"card-avatar-border-color": {},
"card-avatar-border-style": {}
}
},
"media": {
"vars": {
"card-media-radius": {},
"card-media-aspect-ratio": {},
"card-media-object-fit": {}
}
}
}
},
"textures-overlays": {
"condition": {
"type": "=",
"setting": "option-textures",
"value": "on"
},
"category_groups": {
"textures": {
"classes": {
"texture-1": {},
"texture-2": {},
"texture-3": {},
"texture-4": {},
"texture-5": {}
}
},
"overlays": {
"classes": {
"overlay-1": {},
"overlay-2": {},
"overlay-3": {},
"overlay-4": {},
"overlay-5": {}
}
}
}
},
"icons": {
"condition": {
"type": "=",
"setting": "option-icons",
"value": "on"
},
"category_groups": {
"icons": {
"classes": {
"icon-list": {},
"icon--light": {},
"icon--dark": {},
"icon--boxed": {},
"icon--naked": {},
"icon--xs": {
"condition": {
"type": "=",
"setting": "option-expand-icon-sizes",
"value": "on"
}
},
"icon--s": {},
"icon--m": {},
"icon--l": {},
"icon--xl": {
"condition": {
"type": "=",
"setting": "option-expand-icon-sizes",
"value": "on"
}
},
"icon--xxl": {
"condition": {
"type": "=",
"setting": "option-expand-icon-sizes",
"value": "on"
}
}
}
}
}
},
"frames": {
"condition": {
"type": "=",
"setting": "option-frames",
"value": "on"
},
"category_groups": {
"background": {
"classes": {
"fr-bg--light": {},
"fr-bg--dark": {}
},
"vars": {
"fr-bg-light": {},
"fr-bg-dark": {}
}
},
"text": {
"classes": {
"fr-text--light": {},
"fr-text--dark": {}
},
"vars": {
"fr-text-light": {},
"fr-text-dark": {}
}
},
"padding": {
"classes": {
"fr-hero-padding": {}
},
"vars": {
"fr-hero-padding": {}
}
},
"lede": {
"classes": {
"fr-lede": {}
},
"vars": {
"fr-lede-width": {}
}
},
"gap": {
"classes": {
"fr-container-gap": {},
"fr-content-gap": {},
"fr-grid-gap": {}
}
},
"card": {
"vars": {
"fr-card-padding": {},
"fr-card-gap": {},
"fr-card-border-size": {},
"fr-card-border-color": {},
"fr-card-border-style": {},
"fr-card-radius": {},
"fr-card-avatar-radius": {}
}
},
"list": {
"vars": {
"fr-list-pad-y": {},
"fr-list-pad-x": {}
}
}
}
},
"accessibility": {
"condition": {
"type": "=",
"setting": "option-accessibility-classes",
"value": "on"
},
"category_groups": {
"focus": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/focus-classes/"
},
"vars": {
"focus-color": {},
"focus-width": {},
"focus-offset": {}
},
"class_groups": {
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"classes": {
"focus--action-ultra-dark": {},
"focus--action-dark": {},
"focus--action-semi-dark": {},
"focus--action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"focus--action": {},
"focus--action-semi-light": {},
"focus--action-light": {},
"focus--action-ultra-light": {}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"classes": {
"focus--primary-ultra-dark": {},
"focus--primary-dark": {},
"focus--primary-semi-dark": {},
"focus--primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"focus--primary": {},
"focus--primary-semi-light": {},
"focus--primary-light": {},
"focus--primary-ultra-light": {}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"classes": {
"focus--secondary-ultra-dark": {},
"focus--secondary-dark": {},
"focus--secondary-semi-dark": {},
"focus--secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"focus--secondary": {},
"focus--secondary-semi-light": {},
"focus--secondary-light": {},
"focus--secondary-ultra-light": {}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"classes": {
"focus--accent-ultra-dark": {},
"focus--accent-dark": {},
"focus--accent-semi-dark": {},
"focus--accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"focus--accent": {},
"focus--accent-semi-light": {},
"focus--accent-light": {},
"focus--accent-ultra-light": {}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"classes": {
"focus--base-ultra-dark": {},
"focus--base-dark": {},
"focus--base-semi-dark": {},
"focus--base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"focus--base": {},
"focus--base-semi-light": {},
"focus--base-light": {},
"focus--base-ultra-light": {}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"classes": {
"focus--neutral-ultra-dark": {},
"focus--neutral-dark": {},
"focus--neutral-semi-dark": {},
"focus--neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"focus--neutral": {},
"focus--neutral-semi-light": {},
"focus--neutral-light": {},
"focus--neutral-ultra-light": {}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"classes": {
"focus--shade-ultra-dark": {},
"focus--shade-dark": {},
"focus--shade-semi-dark": {},
"focus--shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
}
},
"focus--shade": {},
"focus--shade-semi-light": {},
"focus--shade-light": {},
"focus--shade-ultra-light": {}
}
},
"black": {
"classes": {
"focus--black": {}
}
},
"white": {
"classes": {
"focus--white": {}
}
},
"focus-parent": {
"classes": {
"focus-parent": {},
"focus-parent--shadow": {},
"focus-parent--outline": {}
}
}
}
},
"hidden-accessible": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/hidden-accessible-class/"
},
"classes": {
"hidden-accessible": {}
}
},
"clickable-parent": {
"documentation_links": {
"default_documentation": "https://automaticcss.com/docs/clickable-parent/"
},
"classes": {
"clickable-parent": {}
}
}
}
},
"color": {
"category_groups": {
"action": {
"condition": {
"type": "=",
"setting": "option-action-clr",
"value": "on"
},
"class_groups": {
"action": {
"vars": {
"action-hex": {},
"action-hsl": {},
"action-rgb": {},
"action-r": {},
"action-g": {},
"action-b": {},
"action-h": {},
"action-s": {},
"action-l": {},
"action": {
"variants": {
"action-trans-90": {},
"action-trans-80": {},
"action-trans-70": {},
"action-trans-60": {},
"action-trans-40": {},
"action-trans-50": {},
"action-trans-30": {},
"action-trans-20": {},
"action-trans-10": {}
}
}
}
},
"action-ultra-dark": {
"vars": {
"action-ultra-dark-h": {},
"action-ultra-dark-s": {},
"action-ultra-dark-l": {},
"action-ultra-dark": {
"variants": {
"action-ultra-dark-trans-90": {},
"action-ultra-dark-trans-80": {},
"action-ultra-dark-trans-70": {},
"action-ultra-dark-trans-60": {},
"action-ultra-dark-trans-50": {},
"action-ultra-dark-trans-40": {},
"action-ultra-dark-trans-30": {},
"action-ultra-dark-trans-20": {},
"action-ultra-dark-trans-10": {}
}
}
}
},
"action-dark": {
"vars": {
"action-dark-h": {},
"action-dark-s": {},
"action-dark-l": {},
"action-dark": {
"variants": {
"action-dark-trans-90": {},
"action-dark-trans-80": {},
"action-dark-trans-70": {},
"action-dark-trans-60": {},
"action-dark-trans-50": {},
"action-dark-trans-40": {},
"action-dark-trans-30": {},
"action-dark-trans-20": {},
"action-dark-trans-10": {}
}
}
}
},
"action-semi-dark": {
"vars": {
"action-semi-dark-h": {},
"action-semi-dark-s": {},
"action-semi-dark-l": {},
"action-semi-dark": {
"variants": {}
}
}
},
"action-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"action-medium": {
"variants": {}
},
"action-medium-h": {},
"action-medium-s": {},
"action-medium-l": {}
}
},
"action-semi-light": {
"vars": {
"action-semi-light-h": {},
"action-semi-light-s": {},
"action-semi-light-l": {},
"action-semi-light": {
"variants": {}
}
}
},
"action-light": {
"vars": {
"action-light-h": {},
"action-light-s": {},
"action-light-l": {},
"action-light": {
"variants": {
"action-light-trans-90": {},
"action-light-trans-80": {},
"action-light-trans-70": {},
"action-light-trans-60": {},
"action-light-trans-50": {},
"action-light-trans-40": {},
"action-light-trans-30": {},
"action-light-trans-20": {},
"action-light-trans-10": {}
}
}
}
},
"action-ultra-light": {
"vars": {
"action-ultra-light-h": {},
"action-ultra-light-s": {},
"action-ultra-light-l": {},
"action-ultra-light": {
"variants": {}
}
}
},
"action-comp": {
"vars": {
"action-comp-h": {},
"action-comp": {
"variants": {}
}
}
},
"action-hover": {
"vars": {
"action-hover-h": {},
"action-hover-s": {},
"action-hover-l": {},
"action-hover": {
"variants": {}
}
}
}
}
},
"primary": {
"condition": {
"type": "=",
"setting": "option-primary-clr",
"value": "on"
},
"class_groups": {
"primary": {
"vars": {
"primary-hex": {},
"primary-hsl": {},
"primary-rgb": {},
"primary-r": {},
"primary-g": {},
"primary-b": {},
"primary-h": {},
"primary-s": {},
"primary-l": {},
"primary": {
"variants": {
"primary-trans-90": {},
"primary-trans-80": {},
"primary-trans-70": {},
"primary-trans-60": {},
"primary-trans-40": {},
"primary-trans-50": {},
"primary-trans-30": {},
"primary-trans-20": {},
"primary-trans-10": {}
}
}
}
},
"primary-ultra-dark": {
"vars": {
"primary-ultra-dark-h": {},
"primary-ultra-dark-s": {},
"primary-ultra-dark-l": {},
"primary-ultra-dark": {
"variants": {
"primary-ultra-dark-trans-90": {},
"primary-ultra-dark-trans-80": {},
"primary-ultra-dark-trans-70": {},
"primary-ultra-dark-trans-60": {},
"primary-ultra-dark-trans-50": {},
"primary-ultra-dark-trans-40": {},
"primary-ultra-dark-trans-30": {},
"primary-ultra-dark-trans-20": {},
"primary-ultra-dark-trans-10": {}
}
}
}
},
"primary-dark": {
"vars": {
"primary-dark-h": {},
"primary-dark-s": {},
"primary-dark-l": {},
"primary-dark": {
"variants": {
"primary-dark-trans-90": {},
"primary-dark-trans-80": {},
"primary-dark-trans-70": {},
"primary-dark-trans-60": {},
"primary-dark-trans-50": {},
"primary-dark-trans-40": {},
"primary-dark-trans-30": {},
"primary-dark-trans-20": {},
"primary-dark-trans-10": {}
}
}
}
},
"primary-semi-dark": {
"vars": {
"primary-semi-dark-h": {},
"primary-semi-dark-s": {},
"primary-semi-dark-l": {},
"primary-semi-dark": {
"variants": {}
}
}
},
"primary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"primary-medium": {
"variants": {}
},
"primary-medium-h": {},
"primary-medium-s": {},
"primary-medium-l": {}
}
},
"primary-semi-light": {
"vars": {
"primary-semi-light-h": {},
"primary-semi-light-s": {},
"primary-semi-light-l": {},
"primary-semi-light": {
"variants": {}
}
}
},
"primary-light": {
"vars": {
"primary-light-h": {},
"primary-light-s": {},
"primary-light-l": {},
"primary-light": {
"variants": {
"primary-light-trans-90": {},
"primary-light-trans-80": {},
"primary-light-trans-70": {},
"primary-light-trans-60": {},
"primary-light-trans-50": {},
"primary-light-trans-40": {},
"primary-light-trans-30": {},
"primary-light-trans-20": {},
"primary-light-trans-10": {}
}
}
}
},
"primary-ultra-light": {
"vars": {
"primary-ultra-light-h": {},
"primary-ultra-light-s": {},
"primary-ultra-light-l": {},
"primary-ultra-light": {
"variants": {}
}
}
},
"primary-comp": {
"vars": {
"primary-comp-h": {},
"primary-comp": {
"variants": {}
}
}
},
"primary-hover": {
"vars": {
"primary-hover-h": {},
"primary-hover-s": {},
"primary-hover-l": {},
"primary-hover": {
"variants": {}
}
}
}
}
},
"secondary": {
"condition": {
"type": "=",
"setting": "option-secondary-clr",
"value": "on"
},
"class_groups": {
"secondary": {
"vars": {
"secondary-hex": {},
"secondary-hsl": {},
"secondary-rgb": {},
"secondary-r": {},
"secondary-g": {},
"secondary-b": {},
"secondary-h": {},
"secondary-s": {},
"secondary-l": {},
"secondary": {
"variants": {
"secondary-trans-90": {},
"secondary-trans-80": {},
"secondary-trans-70": {},
"secondary-trans-60": {},
"secondary-trans-40": {},
"secondary-trans-50": {},
"secondary-trans-30": {},
"secondary-trans-20": {},
"secondary-trans-10": {}
}
}
}
},
"secondary-ultra-dark": {
"vars": {
"secondary-ultra-dark-h": {},
"secondary-ultra-dark-s": {},
"secondary-ultra-dark-l": {},
"secondary-ultra-dark": {
"variants": {
"secondary-ultra-dark-trans-90": {},
"secondary-ultra-dark-trans-80": {},
"secondary-ultra-dark-trans-70": {},
"secondary-ultra-dark-trans-60": {},
"secondary-ultra-dark-trans-50": {},
"secondary-ultra-dark-trans-40": {},
"secondary-ultra-dark-trans-30": {},
"secondary-ultra-dark-trans-20": {},
"secondary-ultra-dark-trans-10": {}
}
}
}
},
"secondary-dark": {
"vars": {
"secondary-dark-h": {},
"secondary-dark-s": {},
"secondary-dark-l": {},
"secondary-dark": {
"variants": {
"secondary-dark-trans-90": {},
"secondary-dark-trans-80": {},
"secondary-dark-trans-70": {},
"secondary-dark-trans-60": {},
"secondary-dark-trans-50": {},
"secondary-dark-trans-40": {},
"secondary-dark-trans-30": {},
"secondary-dark-trans-20": {},
"secondary-dark-trans-10": {}
}
}
}
},
"secondary-semi-dark": {
"vars": {
"secondary-semi-dark-h": {},
"secondary-semi-dark-s": {},
"secondary-semi-dark-l": {},
"secondary-semi-dark": {
"variants": {}
}
}
},
"secondary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"secondary-medium": {
"variants": {}
},
"secondary-medium-h": {},
"secondary-medium-s": {},
"secondary-medium-l": {}
}
},
"secondary-semi-light": {
"vars": {
"secondary-semi-light-h": {},
"secondary-semi-light-s": {},
"secondary-semi-light-l": {},
"secondary-semi-light": {
"variants": {}
}
}
},
"secondary-light": {
"vars": {
"secondary-light-h": {},
"secondary-light-s": {},
"secondary-light-l": {},
"secondary-light": {
"variants": {
"secondary-light-trans-90": {},
"secondary-light-trans-80": {},
"secondary-light-trans-70": {},
"secondary-light-trans-60": {},
"secondary-light-trans-50": {},
"secondary-light-trans-40": {},
"secondary-light-trans-30": {},
"secondary-light-trans-20": {},
"secondary-light-trans-10": {}
}
}
}
},
"secondary-ultra-light": {
"vars": {
"secondary-ultra-light-h": {},
"secondary-ultra-light-s": {},
"secondary-ultra-light-l": {},
"secondary-ultra-light": {
"variants": {}
}
}
},
"secondary-comp": {
"vars": {
"secondary-comp-h": {},
"secondary-comp": {
"variants": {}
}
}
},
"secondary-hover": {
"vars": {
"secondary-hover-h": {},
"secondary-hover-s": {},
"secondary-hover-l": {},
"secondary-hover": {
"variants": {}
}
}
}
}
},
"tertiary": {
"condition": {
"type": "=",
"setting": "option-tertiary-clr",
"value": "on"
},
"class_groups": {
"tertiary": {
"vars": {
"tertiary-hex": {},
"tertiary-hsl": {},
"tertiary-rgb": {},
"tertiary-r": {},
"tertiary-g": {},
"tertiary-b": {},
"tertiary-h": {},
"tertiary-s": {},
"tertiary-l": {},
"tertiary": {
"variants": {
"tertiary-trans-90": {},
"tertiary-trans-80": {},
"tertiary-trans-70": {},
"tertiary-trans-60": {},
"tertiary-trans-40": {},
"tertiary-trans-50": {},
"tertiary-trans-30": {},
"tertiary-trans-20": {},
"tertiary-trans-10": {}
}
}
}
},
"tertiary-ultra-dark": {
"vars": {
"tertiary-ultra-dark-h": {},
"tertiary-ultra-dark-s": {},
"tertiary-ultra-dark-l": {},
"tertiary-ultra-dark": {
"variants": {
"tertiary-ultra-dark-trans-90": {},
"tertiary-ultra-dark-trans-80": {},
"tertiary-ultra-dark-trans-70": {},
"tertiary-ultra-dark-trans-60": {},
"tertiary-ultra-dark-trans-50": {},
"tertiary-ultra-dark-trans-40": {},
"tertiary-ultra-dark-trans-30": {},
"tertiary-ultra-dark-trans-20": {},
"tertiary-ultra-dark-trans-10": {}
}
}
}
},
"tertiary-dark": {
"vars": {
"tertiary-dark-h": {},
"tertiary-dark-s": {},
"tertiary-dark-l": {},
"tertiary-dark": {
"variants": {
"tertiary-dark-trans-90": {},
"tertiary-dark-trans-80": {},
"tertiary-dark-trans-70": {},
"tertiary-dark-trans-60": {},
"tertiary-dark-trans-50": {},
"tertiary-dark-trans-40": {},
"tertiary-dark-trans-30": {},
"tertiary-dark-trans-20": {},
"tertiary-dark-trans-10": {}
}
}
}
},
"tertiary-semi-dark": {
"vars": {
"tertiary-semi-dark-h": {},
"tertiary-semi-dark-s": {},
"tertiary-semi-dark-l": {},
"tertiary-semi-dark": {
"variants": {}
}
}
},
"tertiary-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"tertiary-medium": {
"variants": {}
},
"tertiary-medium-h": {},
"tertiary-medium-s": {},
"tertiary-medium-l": {}
}
},
"tertiary-semi-light": {
"vars": {
"tertiary-semi-light-h": {},
"tertiary-semi-light-s": {},
"tertiary-semi-light-l": {},
"tertiary-semi-light": {
"variants": {}
}
}
},
"tertiary-light": {
"vars": {
"tertiary-light-h": {},
"tertiary-light-s": {},
"tertiary-light-l": {},
"tertiary-light": {
"variants": {
"tertiary-light-trans-90": {},
"tertiary-light-trans-80": {},
"tertiary-light-trans-70": {},
"tertiary-light-trans-60": {},
"tertiary-light-trans-50": {},
"tertiary-light-trans-40": {},
"tertiary-light-trans-30": {},
"tertiary-light-trans-20": {},
"tertiary-light-trans-10": {}
}
}
}
},
"tertiary-ultra-light": {
"vars": {
"tertiary-ultra-light-h": {},
"tertiary-ultra-light-s": {},
"tertiary-ultra-light-l": {},
"tertiary-ultra-light": {
"variants": {}
}
}
},
"tertiary-comp": {
"vars": {
"tertiary-comp-h": {},
"tertiary-comp": {
"variants": {}
}
}
},
"tertiary-hover": {
"vars": {
"tertiary-hover-h": {},
"tertiary-hover-s": {},
"tertiary-hover-l": {},
"tertiary-hover": {
"variants": {}
}
}
}
}
},
"accent": {
"condition": {
"type": "=",
"setting": "option-accent-clr",
"value": "on"
},
"class_groups": {
"accent": {
"vars": {
"accent-hex": {},
"accent-hsl": {},
"accent-rgb": {},
"accent-r": {},
"accent-g": {},
"accent-b": {},
"accent-h": {},
"accent-s": {},
"accent-l": {},
"accent": {
"variants": {
"accent-trans-90": {},
"accent-trans-80": {},
"accent-trans-70": {},
"accent-trans-60": {},
"accent-trans-40": {},
"accent-trans-50": {},
"accent-trans-30": {},
"accent-trans-20": {},
"accent-trans-10": {}
}
}
}
},
"accent-ultra-dark": {
"vars": {
"accent-ultra-dark-h": {},
"accent-ultra-dark-s": {},
"accent-ultra-dark-l": {},
"accent-ultra-dark": {
"variants": {
"accent-ultra-dark-trans-90": {},
"accent-ultra-dark-trans-80": {},
"accent-ultra-dark-trans-70": {},
"accent-ultra-dark-trans-60": {},
"accent-ultra-dark-trans-50": {},
"accent-ultra-dark-trans-40": {},
"accent-ultra-dark-trans-30": {},
"accent-ultra-dark-trans-20": {},
"accent-ultra-dark-trans-10": {}
}
}
}
},
"accent-dark": {
"vars": {
"accent-dark-h": {},
"accent-dark-s": {},
"accent-dark-l": {},
"accent-dark": {
"variants": {
"accent-dark-trans-90": {},
"accent-dark-trans-80": {},
"accent-dark-trans-70": {},
"accent-dark-trans-60": {},
"accent-dark-trans-50": {},
"accent-dark-trans-40": {},
"accent-dark-trans-30": {},
"accent-dark-trans-20": {},
"accent-dark-trans-10": {}
}
}
}
},
"accent-semi-dark": {
"vars": {
"accent-semi-dark-h": {},
"accent-semi-dark-s": {},
"accent-semi-dark-l": {},
"accent-semi-dark": {
"variants": {}
}
}
},
"accent-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"accent-medium": {
"variants": {}
},
"accent-medium-h": {},
"accent-medium-s": {},
"accent-medium-l": {}
}
},
"accent-semi-light": {
"vars": {
"accent-semi-light-h": {},
"accent-semi-light-s": {},
"accent-semi-light-l": {},
"accent-semi-light": {
"variants": {}
}
}
},
"accent-light": {
"vars": {
"accent-light-h": {},
"accent-light-s": {},
"accent-light-l": {},
"accent-light": {
"variants": {
"accent-light-trans-90": {},
"accent-light-trans-80": {},
"accent-light-trans-70": {},
"accent-light-trans-60": {},
"accent-light-trans-50": {},
"accent-light-trans-40": {},
"accent-light-trans-30": {},
"accent-light-trans-20": {},
"accent-light-trans-10": {}
}
}
}
},
"accent-ultra-light": {
"vars": {
"accent-ultra-light-h": {},
"accent-ultra-light-s": {},
"accent-ultra-light-l": {},
"accent-ultra-light": {
"variants": {}
}
}
},
"accent-comp": {
"vars": {
"accent-comp-h": {},
"accent-comp": {
"variants": {}
}
}
},
"accent-hover": {
"vars": {
"accent-hover-h": {},
"accent-hover-s": {},
"accent-hover-l": {},
"accent-hover": {
"variants": {}
}
}
}
}
},
"base": {
"condition": {
"type": "=",
"setting": "option-base-clr",
"value": "on"
},
"class_groups": {
"base": {
"vars": {
"base-hex": {},
"base-hsl": {},
"base-rgb": {},
"base-r": {},
"base-g": {},
"base-b": {},
"base-h": {},
"base-s": {},
"base-l": {},
"base": {
"variants": {
"base-trans-90": {},
"base-trans-80": {},
"base-trans-70": {},
"base-trans-60": {},
"base-trans-40": {},
"base-trans-50": {},
"base-trans-30": {},
"base-trans-20": {},
"base-trans-10": {}
}
}
}
},
"base-ultra-dark": {
"vars": {
"base-ultra-dark-h": {},
"base-ultra-dark-s": {},
"base-ultra-dark-l": {},
"base-ultra-dark": {
"variants": {
"base-ultra-dark-trans-90": {},
"base-ultra-dark-trans-80": {},
"base-ultra-dark-trans-70": {},
"base-ultra-dark-trans-60": {},
"base-ultra-dark-trans-50": {},
"base-ultra-dark-trans-40": {},
"base-ultra-dark-trans-30": {},
"base-ultra-dark-trans-20": {},
"base-ultra-dark-trans-10": {}
}
}
}
},
"base-dark": {
"vars": {
"base-dark-h": {},
"base-dark-s": {},
"base-dark-l": {},
"base-dark": {
"variants": {
"base-dark-trans-90": {},
"base-dark-trans-80": {},
"base-dark-trans-70": {},
"base-dark-trans-60": {},
"base-dark-trans-50": {},
"base-dark-trans-40": {},
"base-dark-trans-30": {},
"base-dark-trans-20": {},
"base-dark-trans-10": {}
}
}
}
},
"base-semi-dark": {
"vars": {
"base-semi-dark-h": {},
"base-semi-dark-s": {},
"base-semi-dark-l": {},
"base-semi-dark": {
"variants": {}
}
}
},
"base-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"base-medium": {
"variants": {}
},
"base-medium-h": {},
"base-medium-s": {},
"base-medium-l": {}
}
},
"base-semi-light": {
"vars": {
"base-semi-light-h": {},
"base-semi-light-s": {},
"base-semi-light-l": {},
"base-semi-light": {
"variants": {}
}
}
},
"base-light": {
"vars": {
"base-light-h": {},
"base-light-s": {},
"base-light-l": {},
"base-light": {
"variants": {
"base-light-trans-90": {},
"base-light-trans-80": {},
"base-light-trans-70": {},
"base-light-trans-60": {},
"base-light-trans-50": {},
"base-light-trans-40": {},
"base-light-trans-30": {},
"base-light-trans-20": {},
"base-light-trans-10": {}
}
}
}
},
"base-ultra-light": {
"vars": {
"base-ultra-light-h": {},
"base-ultra-light-s": {},
"base-ultra-light-l": {},
"base-ultra-light": {
"variants": {}
}
}
},
"base-comp": {
"vars": {
"base-comp-h": {},
"base-comp": {
"variants": {}
}
}
},
"base-hover": {
"vars": {
"base-hover-h": {},
"base-hover-s": {},
"base-hover-l": {},
"base-hover": {
"variants": {}
}
}
}
}
},
"shade": {
"condition": {
"type": "=",
"setting": "option-shade-clr",
"value": "on"
},
"class_groups": {
"shade": {
"vars": {
"shade-hex": {},
"shade-hsl": {},
"shade-rgb": {},
"shade-r": {},
"shade-g": {},
"shade-b": {},
"shade-h": {},
"shade-s": {},
"shade-l": {},
"shade": {
"variants": {
"shade-trans-90": {},
"shade-trans-80": {},
"shade-trans-70": {},
"shade-trans-60": {},
"shade-trans-40": {},
"shade-trans-50": {},
"shade-trans-30": {},
"shade-trans-20": {},
"shade-trans-10": {}
}
}
}
},
"shade-ultra-dark": {
"vars": {
"shade-ultra-dark-h": {},
"shade-ultra-dark-s": {},
"shade-ultra-dark-l": {},
"shade-ultra-dark": {
"variants": {
"shade-ultra-dark-trans-90": {},
"shade-ultra-dark-trans-80": {},
"shade-ultra-dark-trans-70": {},
"shade-ultra-dark-trans-60": {},
"shade-ultra-dark-trans-50": {},
"shade-ultra-dark-trans-40": {},
"shade-ultra-dark-trans-30": {},
"shade-ultra-dark-trans-20": {},
"shade-ultra-dark-trans-10": {}
}
}
}
},
"shade-dark": {
"vars": {
"shade-dark-h": {},
"shade-dark-s": {},
"shade-dark-l": {},
"shade-dark": {
"variants": {
"shade-dark-trans-90": {},
"shade-dark-trans-80": {},
"shade-dark-trans-70": {},
"shade-dark-trans-60": {},
"shade-dark-trans-50": {},
"shade-dark-trans-40": {},
"shade-dark-trans-30": {},
"shade-dark-trans-20": {},
"shade-dark-trans-10": {}
}
}
}
},
"shade-semi-dark": {
"vars": {
"shade-semi-dark-h": {},
"shade-semi-dark-s": {},
"shade-semi-dark-l": {},
"shade-semi-dark": {
"variants": {}
}
}
},
"shade-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"shade-medium": {
"variants": {}
},
"shade-medium-h": {},
"shade-medium-s": {},
"shade-medium-l": {}
}
},
"shade-semi-light": {
"vars": {
"shade-semi-light-h": {},
"shade-semi-light-s": {},
"shade-semi-light-l": {},
"shade-semi-light": {
"variants": {}
}
}
},
"shade-light": {
"vars": {
"shade-light-h": {},
"shade-light-s": {},
"shade-light-l": {},
"shade-light": {
"variants": {
"shade-light-trans-90": {},
"shade-light-trans-80": {},
"shade-light-trans-70": {},
"shade-light-trans-60": {},
"shade-light-trans-50": {},
"shade-light-trans-40": {},
"shade-light-trans-30": {},
"shade-light-trans-20": {},
"shade-light-trans-10": {}
}
}
}
},
"shade-ultra-light": {
"vars": {
"shade-ultra-light-h": {},
"shade-ultra-light-s": {},
"shade-ultra-light-l": {},
"shade-ultra-light": {
"variants": {}
}
}
},
"shade-comp": {
"vars": {
"shade-comp-h": {},
"shade-comp": {
"variants": {}
}
}
},
"shade-hover": {
"vars": {
"shade-hover-h": {},
"shade-hover-s": {},
"shade-hover-l": {},
"shade-hover": {
"variants": {}
}
}
}
}
},
"neutral": {
"condition": {
"type": "=",
"setting": "option-neutral-clr",
"value": "on"
},
"class_groups": {
"neutral": {
"vars": {
"neutral-hex": {},
"neutral-hsl": {},
"neutral-rgb": {},
"neutral-r": {},
"neutral-g": {},
"neutral-b": {},
"neutral-h": {},
"neutral-s": {},
"neutral-l": {},
"neutral": {
"variants": {
"neutral-trans-90": {},
"neutral-trans-80": {},
"neutral-trans-70": {},
"neutral-trans-60": {},
"neutral-trans-40": {},
"neutral-trans-50": {},
"neutral-trans-30": {},
"neutral-trans-20": {},
"neutral-trans-10": {}
}
}
}
},
"neutral-ultra-dark": {
"vars": {
"neutral-ultra-dark-h": {},
"neutral-ultra-dark-s": {},
"neutral-ultra-dark-l": {},
"neutral-ultra-dark": {
"variants": {
"neutral-ultra-dark-trans-90": {},
"neutral-ultra-dark-trans-80": {},
"neutral-ultra-dark-trans-70": {},
"neutral-ultra-dark-trans-60": {},
"neutral-ultra-dark-trans-50": {},
"neutral-ultra-dark-trans-40": {},
"neutral-ultra-dark-trans-30": {},
"neutral-ultra-dark-trans-20": {},
"neutral-ultra-dark-trans-10": {}
}
}
}
},
"neutral-dark": {
"vars": {
"neutral-dark-h": {},
"neutral-dark-s": {},
"neutral-dark-l": {},
"neutral-dark": {
"variants": {
"neutral-dark-trans-90": {},
"neutral-dark-trans-80": {},
"neutral-dark-trans-70": {},
"neutral-dark-trans-60": {},
"neutral-dark-trans-50": {},
"neutral-dark-trans-40": {},
"neutral-dark-trans-30": {},
"neutral-dark-trans-20": {},
"neutral-dark-trans-10": {}
}
}
}
},
"neutral-semi-dark": {
"vars": {
"neutral-semi-dark-h": {},
"neutral-semi-dark-s": {},
"neutral-semi-dark-l": {},
"neutral-semi-dark": {
"variants": {}
}
}
},
"neutral-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"neutral-medium": {
"variants": {}
},
"neutral-medium-h": {},
"neutral-medium-s": {},
"neutral-medium-l": {}
}
},
"neutral-semi-light": {
"vars": {
"neutral-semi-light-h": {},
"neutral-semi-light-s": {},
"neutral-semi-light-l": {},
"neutral-semi-light": {
"variants": {}
}
}
},
"neutral-light": {
"vars": {
"neutral-light-h": {},
"neutral-light-s": {},
"neutral-light-l": {},
"neutral-light": {
"variants": {
"neutral-light-trans-90": {},
"neutral-light-trans-80": {},
"neutral-light-trans-70": {},
"neutral-light-trans-60": {},
"neutral-light-trans-50": {},
"neutral-light-trans-40": {},
"neutral-light-trans-30": {},
"neutral-light-trans-20": {},
"neutral-light-trans-10": {}
}
}
}
},
"neutral-ultra-light": {
"vars": {
"neutral-ultra-light-h": {},
"neutral-ultra-light-s": {},
"neutral-ultra-light-l": {},
"neutral-ultra-light": {
"variants": {}
}
}
},
"neutral-comp": {
"vars": {
"neutral-comp-h": {},
"neutral-comp": {
"variants": {}
}
}
},
"neutral-hover": {
"vars": {
"neutral-hover-h": {},
"neutral-hover-s": {},
"neutral-hover-l": {},
"neutral-hover": {
"variants": {}
}
}
}
}
},
"black & white": {
"disable_own_palette_creation": true,
"class_groups": {
"black": {
"add_to_global_palette": true,
"vars": {
"black": {
"variants": {
"black-trans-90": {},
"black-trans-80": {},
"black-trans-70": {},
"black-trans-60": {},
"black-trans-50": {},
"black-trans-40": {},
"black-trans-30": {},
"black-trans-20": {},
"black-trans-10": {}
}
}
}
},
"white": {
"add_to_global_palette": true,
"vars": {
"white": {
"variants": {
"white-trans-90": {},
"white-trans-80": {},
"white-trans-70": {},
"white-trans-60": {},
"white-trans-50": {},
"white-trans-40": {},
"white-trans-30": {},
"white-trans-20": {},
"white-trans-10": {}
}
}
}
}
}
},
"success": {
"condition": {
"type": "=",
"setting": "option-success-clr",
"value": "on"
},
"class_groups": {
"success": {
"vars": {
"success-hex": {},
"success-hsl": {},
"success-rgb": {},
"success-r": {},
"success-g": {},
"success-b": {},
"success-h": {},
"success-s": {},
"success-l": {},
"success": {
"variants": {
"success-trans-90": {},
"success-trans-80": {},
"success-trans-70": {},
"success-trans-60": {},
"success-trans-40": {},
"success-trans-50": {},
"success-trans-30": {},
"success-trans-20": {},
"success-trans-10": {}
}
}
}
},
"success-ultra-dark": {
"vars": {
"success-ultra-dark-h": {},
"success-ultra-dark-s": {},
"success-ultra-dark-l": {},
"success-ultra-dark": {
"variants": {
"success-ultra-dark-trans-90": {},
"success-ultra-dark-trans-80": {},
"success-ultra-dark-trans-70": {},
"success-ultra-dark-trans-60": {},
"success-ultra-dark-trans-50": {},
"success-ultra-dark-trans-40": {},
"success-ultra-dark-trans-30": {},
"success-ultra-dark-trans-20": {},
"success-ultra-dark-trans-10": {}
}
}
}
},
"success-dark": {
"vars": {
"success-dark-h": {},
"success-dark-s": {},
"success-dark-l": {},
"success-dark": {
"variants": {
"success-dark-trans-90": {},
"success-dark-trans-80": {},
"success-dark-trans-70": {},
"success-dark-trans-60": {},
"success-dark-trans-50": {},
"success-dark-trans-40": {},
"success-dark-trans-30": {},
"success-dark-trans-20": {},
"success-dark-trans-10": {}
}
}
}
},
"success-semi-dark": {
"vars": {
"success-semi-dark-h": {},
"success-semi-dark-s": {},
"success-semi-dark-l": {},
"success-semi-dark": {
"variants": {}
}
}
},
"success-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"success-medium": {
"variants": {}
},
"success-medium-h": {},
"success-medium-s": {},
"success-medium-l": {}
}
},
"success-semi-light": {
"vars": {
"success-semi-light-h": {},
"success-semi-light-s": {},
"success-semi-light-l": {},
"success-semi-light": {
"variants": {}
}
}
},
"success-light": {
"vars": {
"success-light-h": {},
"success-light-s": {},
"success-light-l": {},
"success-light": {
"variants": {
"success-light-trans-90": {},
"success-light-trans-80": {},
"success-light-trans-70": {},
"success-light-trans-60": {},
"success-light-trans-50": {},
"success-light-trans-40": {},
"success-light-trans-30": {},
"success-light-trans-20": {},
"success-light-trans-10": {}
}
}
}
},
"success-ultra-light": {
"vars": {
"success-ultra-light-h": {},
"success-ultra-light-s": {},
"success-ultra-light-l": {},
"success-ultra-light": {
"variants": {}
}
}
},
"success-comp": {
"vars": {
"success-comp-h": {},
"success-comp": {
"variants": {}
}
}
},
"success-hover": {
"vars": {
"success-hover-h": {},
"success-hover-s": {},
"success-hover-l": {},
"success-hover": {
"variants": {}
}
}
}
}
},
"danger": {
"condition": {
"type": "=",
"setting": "option-danger-clr",
"value": "on"
},
"class_groups": {
"danger": {
"vars": {
"danger-hex": {},
"danger-hsl": {},
"danger-rgb": {},
"danger-r": {},
"danger-g": {},
"danger-b": {},
"danger-h": {},
"danger-s": {},
"danger-l": {},
"danger": {
"variants": {
"danger-trans-90": {},
"danger-trans-80": {},
"danger-trans-70": {},
"danger-trans-60": {},
"danger-trans-40": {},
"danger-trans-50": {},
"danger-trans-30": {},
"danger-trans-20": {},
"danger-trans-10": {}
}
}
}
},
"danger-ultra-dark": {
"vars": {
"danger-ultra-dark-h": {},
"danger-ultra-dark-s": {},
"danger-ultra-dark-l": {},
"danger-ultra-dark": {
"variants": {
"danger-ultra-dark-trans-90": {},
"danger-ultra-dark-trans-80": {},
"danger-ultra-dark-trans-70": {},
"danger-ultra-dark-trans-60": {},
"danger-ultra-dark-trans-50": {},
"danger-ultra-dark-trans-40": {},
"danger-ultra-dark-trans-30": {},
"danger-ultra-dark-trans-20": {},
"danger-ultra-dark-trans-10": {}
}
}
}
},
"danger-dark": {
"vars": {
"danger-dark-h": {},
"danger-dark-s": {},
"danger-dark-l": {},
"danger-dark": {
"variants": {
"danger-dark-trans-90": {},
"danger-dark-trans-80": {},
"danger-dark-trans-70": {},
"danger-dark-trans-60": {},
"danger-dark-trans-50": {},
"danger-dark-trans-40": {},
"danger-dark-trans-30": {},
"danger-dark-trans-20": {},
"danger-dark-trans-10": {}
}
}
}
},
"danger-semi-dark": {
"vars": {
"danger-semi-dark-h": {},
"danger-semi-dark-s": {},
"danger-semi-dark-l": {},
"danger-semi-dark": {
"variants": {}
}
}
},
"danger-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"danger-medium": {
"variants": {}
},
"danger-medium-h": {},
"danger-medium-s": {},
"danger-medium-l": {}
}
},
"danger-semi-light": {
"vars": {
"danger-semi-light-h": {},
"danger-semi-light-s": {},
"danger-semi-light-l": {},
"danger-semi-light": {
"variants": {}
}
}
},
"danger-light": {
"vars": {
"danger-light-h": {},
"danger-light-s": {},
"danger-light-l": {},
"danger-light": {
"variants": {
"danger-light-trans-90": {},
"danger-light-trans-80": {},
"danger-light-trans-70": {},
"danger-light-trans-60": {},
"danger-light-trans-50": {},
"danger-light-trans-40": {},
"danger-light-trans-30": {},
"danger-light-trans-20": {},
"danger-light-trans-10": {}
}
}
}
},
"danger-ultra-light": {
"vars": {
"danger-ultra-light-h": {},
"danger-ultra-light-s": {},
"danger-ultra-light-l": {},
"danger-ultra-light": {
"variants": {}
}
}
},
"danger-comp": {
"vars": {
"danger-comp-h": {},
"danger-comp": {
"variants": {}
}
}
},
"danger-hover": {
"vars": {
"danger-hover-h": {},
"danger-hover-s": {},
"danger-hover-l": {},
"danger-hover": {
"variants": {}
}
}
}
}
},
"warning": {
"condition": {
"type": "=",
"setting": "option-warning-clr",
"value": "on"
},
"class_groups": {
"warning": {
"vars": {
"warning-hex": {},
"warning-hsl": {},
"warning-rgb": {},
"warning-r": {},
"warning-g": {},
"warning-b": {},
"warning-h": {},
"warning-s": {},
"warning-l": {},
"warning": {
"variants": {
"warning-trans-90": {},
"warning-trans-80": {},
"warning-trans-70": {},
"warning-trans-60": {},
"warning-trans-40": {},
"warning-trans-50": {},
"warning-trans-30": {},
"warning-trans-20": {},
"warning-trans-10": {}
}
}
}
},
"warning-ultra-dark": {
"vars": {
"warning-ultra-dark-h": {},
"warning-ultra-dark-s": {},
"warning-ultra-dark-l": {},
"warning-ultra-dark": {
"variants": {
"warning-ultra-dark-trans-90": {},
"warning-ultra-dark-trans-80": {},
"warning-ultra-dark-trans-70": {},
"warning-ultra-dark-trans-60": {},
"warning-ultra-dark-trans-50": {},
"warning-ultra-dark-trans-40": {},
"warning-ultra-dark-trans-30": {},
"warning-ultra-dark-trans-20": {},
"warning-ultra-dark-trans-10": {}
}
}
}
},
"warning-dark": {
"vars": {
"warning-dark-h": {},
"warning-dark-s": {},
"warning-dark-l": {},
"warning-dark": {
"variants": {
"warning-dark-trans-90": {},
"warning-dark-trans-80": {},
"warning-dark-trans-70": {},
"warning-dark-trans-60": {},
"warning-dark-trans-50": {},
"warning-dark-trans-40": {},
"warning-dark-trans-30": {},
"warning-dark-trans-20": {},
"warning-dark-trans-10": {}
}
}
}
},
"warning-semi-dark": {
"vars": {
"warning-semi-dark-h": {},
"warning-semi-dark-s": {},
"warning-semi-dark-l": {},
"warning-semi-dark": {
"variants": {}
}
}
},
"warning-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"warning-medium": {
"variants": {}
},
"warning-medium-h": {},
"warning-medium-s": {},
"warning-medium-l": {}
}
},
"warning-semi-light": {
"vars": {
"warning-semi-light-h": {},
"warning-semi-light-s": {},
"warning-semi-light-l": {},
"warning-semi-light": {
"variants": {}
}
}
},
"warning-light": {
"vars": {
"warning-light-h": {},
"warning-light-s": {},
"warning-light-l": {},
"warning-light": {
"variants": {
"warning-light-trans-90": {},
"warning-light-trans-80": {},
"warning-light-trans-70": {},
"warning-light-trans-60": {},
"warning-light-trans-50": {},
"warning-light-trans-40": {},
"warning-light-trans-30": {},
"warning-light-trans-20": {},
"warning-light-trans-10": {}
}
}
}
},
"warning-ultra-light": {
"vars": {
"warning-ultra-light-h": {},
"warning-ultra-light-s": {},
"warning-ultra-light-l": {},
"warning-ultra-light": {
"variants": {}
}
}
},
"warning-comp": {
"vars": {
"warning-comp-h": {},
"warning-comp": {
"variants": {}
}
}
},
"warning-hover": {
"vars": {
"warning-hover-h": {},
"warning-hover-s": {},
"warning-hover-l": {},
"warning-hover": {
"variants": {}
}
}
}
}
},
"info": {
"condition": {
"type": "=",
"setting": "option-info-clr",
"value": "on"
},
"class_groups": {
"info": {
"vars": {
"info-hex": {},
"info-hsl": {},
"info-rgb": {},
"info-r": {},
"info-g": {},
"info-b": {},
"info-h": {},
"info-s": {},
"info-l": {},
"info": {
"variants": {
"info-trans-90": {},
"info-trans-80": {},
"info-trans-70": {},
"info-trans-60": {},
"info-trans-40": {},
"info-trans-50": {},
"info-trans-30": {},
"info-trans-20": {},
"info-trans-10": {}
}
}
}
},
"info-ultra-dark": {
"vars": {
"info-ultra-dark-h": {},
"info-ultra-dark-s": {},
"info-ultra-dark-l": {},
"info-ultra-dark": {
"variants": {
"info-ultra-dark-trans-90": {},
"info-ultra-dark-trans-80": {},
"info-ultra-dark-trans-70": {},
"info-ultra-dark-trans-60": {},
"info-ultra-dark-trans-50": {},
"info-ultra-dark-trans-40": {},
"info-ultra-dark-trans-30": {},
"info-ultra-dark-trans-20": {},
"info-ultra-dark-trans-10": {}
}
}
}
},
"info-dark": {
"vars": {
"info-dark-h": {},
"info-dark-s": {},
"info-dark-l": {},
"info-dark": {
"variants": {
"info-dark-trans-90": {},
"info-dark-trans-80": {},
"info-dark-trans-70": {},
"info-dark-trans-60": {},
"info-dark-trans-50": {},
"info-dark-trans-40": {},
"info-dark-trans-30": {},
"info-dark-trans-20": {},
"info-dark-trans-10": {}
}
}
}
},
"info-semi-dark": {
"vars": {
"info-semi-dark-h": {},
"info-semi-dark-s": {},
"info-semi-dark-l": {},
"info-semi-dark": {
"variants": {}
}
}
},
"info-medium": {
"condition": {
"type": "=",
"setting": "option-medium-shade",
"value": "on"
},
"vars": {
"info-medium": {
"variants": {}
},
"info-medium-h": {},
"info-medium-s": {},
"info-medium-l": {}
}
},
"info-semi-light": {
"vars": {
"info-semi-light-h": {},
"info-semi-light-s": {},
"info-semi-light-l": {},
"info-semi-light": {
"variants": {}
}
}
},
"info-light": {
"vars": {
"info-light-h": {},
"info-light-s": {},
"info-light-l": {},
"info-light": {
"variants": {
"info-light-trans-90": {},
"info-light-trans-80": {},
"info-light-trans-70": {},
"info-light-trans-60": {},
"info-light-trans-50": {},
"info-light-trans-40": {},
"info-light-trans-30": {},
"info-light-trans-20": {},
"info-light-trans-10": {}
}
}
}
},
"info-ultra-light": {
"vars": {
"info-ultra-light-h": {},
"info-ultra-light-s": {},
"info-ultra-light-l": {},
"info-ultra-light": {
"variants": {}
}
}
},
"info-comp": {
"vars": {
"info-comp-h": {},
"info-comp": {
"variants": {}
}
}
},
"info-hover": {
"vars": {
"info-hover-h": {},
"info-hover-s": {},
"info-hover-l": {},
"info-hover": {
"variants": {}
}
}
}
}
}
}
}
}
}