mirror of
https://github.com/wagtail/wagtail.git
synced 2024-11-29 09:33:54 +01:00
28ed884581
Can be disabled via WAGTAIL_ENABLE_WHATS_NEW_BANNER setting. We need to update the link and content in the next release if necessary.
73 lines
1.6 KiB
SCSS
73 lines
1.6 KiB
SCSS
.w-whats-new {
|
|
@include nice-padding();
|
|
margin-bottom: theme('spacing.16');
|
|
|
|
&.w-dismissible--dismissed {
|
|
display: none;
|
|
}
|
|
|
|
&__banner {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: theme('borderRadius.md');
|
|
padding: theme('spacing.6');
|
|
background-color: theme('colors.warning.50');
|
|
border: 5px solid transparent;
|
|
}
|
|
|
|
&__main-icon {
|
|
.icon {
|
|
color: theme('colors.warning.100');
|
|
width: theme('spacing.10');
|
|
height: theme('spacing.10');
|
|
margin-inline-end: theme('spacing.4');
|
|
border-radius: theme('borderRadius.full');
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
animation: pulse-warning 5s 5;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__heading {
|
|
@apply w-h3;
|
|
color: theme('colors.grey.600');
|
|
margin-top: 0;
|
|
margin-bottom: theme('spacing.2');
|
|
}
|
|
|
|
&__details {
|
|
@apply w-body-text-large;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&__link {
|
|
font-weight: theme('fontWeight.bold');
|
|
color: theme('colors.secondary.400');
|
|
text-decoration: underline;
|
|
text-decoration-thickness: 2px;
|
|
text-underline-offset: 3px;
|
|
}
|
|
|
|
&__dismiss {
|
|
@apply -w-top-3 -w-right-3;
|
|
position: absolute;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
|
|
.icon {
|
|
border-radius: theme('borderRadius.full');
|
|
width: theme('spacing.6');
|
|
height: theme('spacing.6');
|
|
background-color: theme('colors.white.DEFAULT');
|
|
color: theme('colors.primary.DEFAULT');
|
|
|
|
@media (forced-colors: active) {
|
|
background-color: Canvas;
|
|
color: CanvasText;
|
|
}
|
|
}
|
|
}
|
|
}
|