github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 07:08:44 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
931d8725de
discourse/app/assets/stylesheets/common/base/alert.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

38 lines
682 B
SCSS
Raw Normal View History

BUGFIX: share alert styling with mobile
2014-07-07 23:46:32 +08:00
.alert {
UX: Improve banner & alert close button alignment and consistency
2020-05-08 10:57:52 +08:00
padding: 0.5em 2.5em 0.5em 1em;
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
2020-08-04 10:57:10 +08:00
background-color: var(--danger-low);
color: var(--primary);
UX: Better close button positioning in alerts, some cleanup
2019-04-06 04:21:16 +08:00
position: relative;
Revert "Revert "Merge branch 'master' of https://github.com/discourse/discourse"" This reverts commit 20780a1eeed56b321daf18ee6bbfe681a51d1bf4. * SECURITY: re-adds accidentally reverted commit: 03d26cd6: ensure embed_url contains valid http(s) uri * when the merge commit e62a85cf was reverted, git chose the 2660c2e2 parent to land on instead of the 03d26cd6 parent (which contains security fixes)
2020-05-23 12:56:13 +08:00
margin-bottom: 1em;
BUGFIX: share alert styling with mobile
2014-07-07 23:46:32 +08:00
.close {
UX: Type system rebuild (#5492)
2018-01-13 06:27:38 +08:00
font-size: $font-up-3;
UX: TMP fix (CSS revert) until translations are ready for flex
2019-12-31 10:43:16 +08:00
position: absolute;
UX: Improve banner & alert close button alignment and consistency
2020-05-08 10:57:52 +08:00
top: 0.265em;
right: 0.66em;
UX: Convert alert & modal close to buttons for improved accessibility
2019-10-29 04:04:29 +08:00
.d-icon {
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
2020-08-04 10:57:10 +08:00
color: var(--primary-medium);
BUGFIX: share alert styling with mobile
2014-07-07 23:46:32 +08:00
}
}
UX: Convert alert & modal close to buttons for improved accessibility
2019-10-29 04:04:29 +08:00
BUGFIX: share alert styling with mobile
2014-07-07 23:46:32 +08:00
&.alert-success {
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
2020-08-04 10:57:10 +08:00
background-color: var(--success-low);
color: var(--primary);
BUGFIX: share alert styling with mobile
2014-07-07 23:46:32 +08:00
}
&.alert-error {
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
2020-08-04 10:57:10 +08:00
background-color: var(--danger-low);
color: var(--primary);
BUGFIX: share alert styling with mobile
2014-07-07 23:46:32 +08:00
}
&.alert-info {
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
2020-08-04 10:57:10 +08:00
background-color: var(--tertiary-low);
color: var(--primary);
this style didn't cascade as I expected
2016-04-26 12:36:28 +08:00
&.clickable {
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
2020-08-04 10:57:10 +08:00
color: var(--tertiary);
make clickable alert info use dark blue on blue
2016-04-25 06:24:17 +08:00
}
BUGFIX: share alert styling with mobile
2014-07-07 23:46:32 +08:00
}
}
DEV: enforces no-invalid-interactive linting rule (#8907)
2020-02-11 22:55:16 +08:00
a.alert.clickable {
display: flex;
}
Reference in New Issue Copy Permalink