mirror of
https://github.com/wagtail/wagtail.git
synced 2024-11-25 13:10:14 +01:00
86 lines
2.0 KiB
SCSS
86 lines
2.0 KiB
SCSS
.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;
|
|
}
|
|
}
|