primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-25 15:14:59 +03:00
Code Issues Projects Releases Wiki Activity

Don't apply flash* classes to banners (#2289)

Browse Source
This commit is contained in:
Cameron Dutro 2022-10-27 15:58:02 -07:00 committed by GitHub
parent 7079b1a482
commit c23346b9a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/dirty-lemons-flash.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": minor
---
Don't apply flash\* classes to banners

12
src/alerts/flash.scss
View File

@ -1,7 +1,7 @@
// stylelint-disable selector-max-type, no-duplicate-selectors
// Default flash
.flash {
.flash:not(.Banner) {
position: relative;
// stylelint-disable-next-line primer/spacing
padding: 20px $spacer-3;
@ -76,7 +76,7 @@
// Color variations
//
.flash {
.flash:not(.Banner) {
color: var(--color-fg-default);
background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));
border-color: var(--color-accent-muted);
@ -86,7 +86,7 @@
}
}
.flash-warn {
.flash-warn:not(.Banner) {
color: var(--color-fg-default);
background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));
border-color: var(--color-attention-muted);
@ -96,7 +96,7 @@
}
}
.flash-error {
.flash-error:not(.Banner) {
color: var(--color-fg-default);
background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));
border-color: var(--color-danger-muted);
@ -106,7 +106,7 @@
}
}
.flash-success {
.flash-success:not(.Banner) {
color: var(--color-fg-default);
background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));
border-color: var(--color-success-muted);
@ -120,7 +120,7 @@
// Layout variations
//
.flash-full {
.flash-full:not(.Banner) {
// stylelint-disable-next-line primer/spacing
margin-top: -1px;
border-width: $border-width 0;