12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- .w-a11y-result__row {
- border-top: 1px solid theme('colors.border-furniture');
- }
- .w-a11y-result__header {
- margin: 0;
- padding: theme('spacing.4') theme('spacing.5');
- width: 100%;
- display: flex;
- justify-content: space-between;
- gap: theme('spacing.2');
- font: inherit;
- font-weight: theme('fontWeight.bold');
- }
- .w-a11y-result__name {
- color: theme('colors.text-label');
- }
- .w-a11y-result__container {
- display: flex;
- flex-wrap: wrap;
- padding: 0 theme('spacing.5') theme('spacing.5') theme('spacing.5');
- }
- .w-a11y-result__subtotal_count {
- color: theme('colors.text-context');
- width: theme('spacing.5');
- text-align: center;
- }
- .w-a11y-result__selector {
- display: flex;
- align-items: center;
- background: theme('colors.surface-field-inactive');
- color: theme('colors.text-context');
- border-radius: theme('borderRadius.DEFAULT');
- margin-inline-end: theme('spacing.[2.5]');
- margin-bottom: theme('spacing.[2.5]');
- padding: theme('spacing.[1.5]');
- &:hover,
- &:focus {
- background: theme('colors.surface-button-default');
- color: theme('colors.text-button');
- .w-a11y-result__icon {
- fill: theme('colors.text-button');
- }
- }
- @media (forced-colors: active) {
- border: theme('spacing.px') solid ButtonText;
- }
- }
- .w-a11y-result__icon {
- flex-shrink: 0;
- fill: theme('colors.surface-button-default');
- height: theme('spacing.[3.5]');
- width: theme('spacing.[3.5]');
- margin-inline-end: theme('spacing.[2.5]');
- }
- .w-a11y-result__count {
- display: flex;
- flex-shrink: 0;
- justify-content: center;
- align-items: center;
- background-color: theme('colors.positive.100');
- border-radius: theme('borderRadius.full');
- font-size: theme('fontSize.14');
- line-height: theme('lineHeight.none');
- height: theme('spacing.5');
- width: theme('spacing.5');
- color: theme('colors.text-button');
- &.has-errors {
- background-color: theme('colors.critical.200');
- }
- @media (forced-colors: active) {
- border: theme('spacing.px') solid ButtonText;
- }
- }
|