2023-01-12 20:54:24 +01:00
|
|
|
@use 'sass:color';
|
|
|
|
@use '../functions';
|
2023-02-20 17:10:03 +01:00
|
|
|
@use '../config/color/brand';
|
2023-01-12 20:54:24 +01:00
|
|
|
@use '../visual-design/typography';
|
2023-01-12 19:19:42 +01:00
|
|
|
|
2023-01-06 22:40:29 +01:00
|
|
|
.sl-c-alert {
|
2023-02-22 17:42:04 +01:00
|
|
|
background: var(--alert-bg, var(--sl-color--highlight));
|
2023-02-20 17:10:03 +01:00
|
|
|
color: var(--sl-color--white);
|
2023-02-09 23:53:25 +01:00
|
|
|
font-size: var(--sl-font-size--small);
|
2023-02-02 21:13:17 +01:00
|
|
|
|
|
|
|
padding: {
|
2023-02-21 20:51:32 +01:00
|
|
|
top: var(--alert-padding-block, var(--sl-gutter--minus));
|
|
|
|
bottom: var(--alert-padding-block, var(--sl-gutter--minus));
|
2023-02-02 18:34:43 +01:00
|
|
|
}
|
2023-02-02 21:13:17 +01:00
|
|
|
|
2023-01-31 07:13:57 +01:00
|
|
|
text-align: var(--alert-align, center);
|
2023-01-06 22:40:29 +01:00
|
|
|
|
|
|
|
p,
|
|
|
|
ul,
|
|
|
|
dl {
|
2023-01-09 20:10:02 +01:00
|
|
|
&:first-child {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
2023-01-06 22:40:29 +01:00
|
|
|
|
2023-01-09 20:10:02 +01:00
|
|
|
&:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2023-01-06 22:40:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
p,
|
|
|
|
li,
|
2023-01-09 20:10:02 +01:00
|
|
|
dd {
|
|
|
|
max-width: none;
|
|
|
|
}
|
2023-01-06 22:40:29 +01:00
|
|
|
|
|
|
|
a {
|
2023-02-20 17:10:03 +01:00
|
|
|
border-bottom-color: rgba(
|
2023-03-03 23:30:46 +01:00
|
|
|
brand.$sl-color--white,
|
2023-02-20 17:10:03 +01:00
|
|
|
var(--opacity-border, 0.5)
|
|
|
|
);
|
|
|
|
color: var(--sl-color--white);
|
2023-01-31 07:13:57 +01:00
|
|
|
font-weight: typography.$sl-font-weight--bold;
|
2023-01-06 22:40:29 +01:00
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
2023-02-22 18:21:22 +01:00
|
|
|
--color-link-bg: rgba(0, 0, 0, 6.25%);
|
2023-02-20 17:10:03 +01:00
|
|
|
--opacity-border: 0.75;
|
2023-01-06 22:40:29 +01:00
|
|
|
}
|
|
|
|
|
2023-01-09 20:10:02 +01:00
|
|
|
&:active {
|
2023-02-20 17:10:03 +01:00
|
|
|
--opacity-border: 1;
|
2023-01-09 20:10:02 +01:00
|
|
|
}
|
2023-01-06 22:40:29 +01:00
|
|
|
}
|
2023-01-31 07:13:57 +01:00
|
|
|
}
|
2023-01-06 22:40:29 +01:00
|
|
|
|
2023-01-31 07:13:57 +01:00
|
|
|
.sl-c-alert--info {
|
2023-02-20 17:10:03 +01:00
|
|
|
--alert-bg: var(--sl-color--midnight-blue);
|
2023-01-31 07:13:57 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.sl-c-alert--special {
|
2023-01-31 16:53:34 +01:00
|
|
|
--alert-align: left;
|
2023-01-31 17:13:51 +01:00
|
|
|
--alert-bg: black;
|
2023-02-21 20:51:32 +01:00
|
|
|
--alert-padding-block: var(--sl-gutter--triple);
|
2023-01-06 22:40:29 +01:00
|
|
|
}
|
2023-01-31 21:39:28 +01:00
|
|
|
|
|
|
|
.sl-c-alert-title {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|