mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-25 14:48:44 +08:00
ac736ec0ca
This is the beginning of a longer process to merge our stylesheets under the common directory. I also converted a SCSS variable to a CSS custom property along the way. In the case of the lightbox styles, this seemed more appropriate to distinguish by primary input type (touch vs mouse) rather than breakpoint sizes.
57 lines
946 B
SCSS
Vendored
57 lines
946 B
SCSS
Vendored
.alert {
|
|
padding: 0.5em 2.5em 0.5em 1em;
|
|
background-color: var(--danger-low);
|
|
color: var(--primary);
|
|
position: relative;
|
|
margin-bottom: 1em;
|
|
|
|
.close {
|
|
font-size: var(--font-up-3);
|
|
position: absolute;
|
|
top: 0.265em;
|
|
right: 0.66em;
|
|
padding: 0;
|
|
|
|
.d-icon {
|
|
color: var(--primary-medium);
|
|
}
|
|
}
|
|
|
|
&.alert-success {
|
|
background-color: var(--success-low);
|
|
color: var(--primary);
|
|
}
|
|
|
|
&.alert-error {
|
|
background-color: var(--danger-low);
|
|
color: var(--primary);
|
|
}
|
|
|
|
&.alert-warning {
|
|
background-color: var(--highlight-bg);
|
|
color: var(--primary);
|
|
}
|
|
|
|
&.alert-info {
|
|
background-color: var(--tertiary-low);
|
|
color: var(--primary);
|
|
|
|
&.clickable {
|
|
color: var(--tertiary);
|
|
z-index: z("base");
|
|
|
|
.mobile-view & {
|
|
margin: 0;
|
|
padding: 1em;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.-top-margin {
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
|
|
a.alert.clickable {
|
|
display: flex;
|
|
}
|
