0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 11:41:20 +01:00
wagtail/client/scss/components/_dismissible.scss
LB Johnston ffc6ac8833 Adopt a small set of stylelint-config-wagtail changes
Where possible, adopt a subset of stylelint-config-wagtail changes.

- Formatting & ordering (auto applied), this includes the padding/inset shorthand changes
- Adopt a small set of no-union-classes changes as an example of changes to come in future PRs
- Ignore some areas where we are selecting against data* attributes that will not be practical to change
- Move some no-important ignore rules to specific lines
- Ignore max-combinators in modeladmin styles (legacy)
- Remove error messages forced-color-adjust setting to none
2023-12-18 13:28:18 +00:00

59 lines
1.3 KiB
SCSS

@keyframes pulse-warning {
0% {
box-shadow: 0 0 0 0
hsla(
var(--w-color-warning-100-hue),
var(--w-color-warning-100-saturation),
var(--w-color-warning-100-lightness),
0.7
);
}
25% {
box-shadow: 0 0 0 10px
hsla(
var(--w-color-warning-100-hue),
var(--w-color-warning-100-saturation),
var(--w-color-warning-100-lightness),
0
);
}
50% {
box-shadow: 0 0 0 0
hsla(
var(--w-color-warning-100-hue),
var(--w-color-warning-100-saturation),
var(--w-color-warning-100-lightness),
0
);
}
}
.w-dismissible-badge {
border-radius: theme('borderRadius.full');
background-color: theme('colors.warning.100');
flex-shrink: 0;
min-width: theme('spacing.[2.5]');
height: theme('spacing.[2.5]');
@media (forced-colors: active) {
border: 3px solid transparent;
box-sizing: content-box;
}
}
.w-dismissible-badge--count {
color: theme('colors.surface-menus');
text-align: center;
font-size: 0.625rem;
font-weight: theme('fontWeight.bold');
min-width: theme('spacing.[3.5]');
height: theme('spacing.[3.5]');
line-height: theme('lineHeight.tight');
@media (prefers-reduced-motion: no-preference) {
animation: pulse-warning 5s 5;
}
}