Files
webawesome/src/styles/themes/matter.css
Cory LaViska 212ca5b0a6 Fix icons (#997)
* remove

* remove style observer from icons

* fix size example

* unbreak the themer

* remove old test

* remove abstraction

* remove createProperty and initial; fix default attribute values

* skip it to ship it

* cleanup and add ? fallback

* update tests

* fix types

* remove default

* update test

* update tests

* update deps

* update deps

* update deps

* update dep

* fix comment

* downgrade 11ty

* revert deps

* add nunjucks

* prettier

* skip tests for now

* fix parsing error

* prettier

* skip

* sigh webkit

* tidy up icon library examples

* change rando `solid` icon to `regular`

* restore tests

* fix radio group size

* fix button group size

* remove size from card

* fix menu item sizes

* remove card `size` from visual tests and docs

---------

Co-authored-by: lindsaym-fa <dev@lindsaym.design>
2025-05-29 15:59:41 -04:00

45 lines
939 B
CSS

@import url('matter/color.css');
@import url('default/space.css');
@import url('default/outlines.css');
@import url('matter/typography.css');
@import url('default/rounding.css');
@import url('default/shadows.css');
@import url('default/transitions.css');
@import url('default/groups.css');
@import url('matter/overrides.css');
@layer wa-theme {
:where(:root),
:host,
.wa-theme-matter,
.wa-dark,
.wa-light,
.wa-invert {
/**
* Rounding
*/
--wa-border-radius-scale: 1.33;
/**
* Shadows
*/
--wa-shadow-blur-scale: 1.25;
--wa-shadow-offset-y-scale: 0.5;
--wa-shadow-spread-scale: 0;
/**
* Focus
*/
--wa-focus-ring-width: 0.125rem;
--wa-focus-ring-offset: 0rem;
/**
* Component Groups
*/
--wa-form-control-border-radius: var(--wa-border-radius-s);
--wa-form-control-label-font-weight: var(--wa-font-weight-normal);
--wa-tooltip-arrow-size: 0rem;
}
}