deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-06 07:53:18 +02:00
Code Issues Projects Releases Wiki Activity

Fix alert color variables

Browse source
This commit is contained in:
Rhyne Vlaservich 2020-11-26 13:09:37 -05:00
parent ba94bb0932
commit 285a97a737
3 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
dist/paper.css vendored
View file

@ -1370,13 +1370,13 @@ table.table-alternating tbody tr:nth-of-type(even) {
.alert .btn-close {
transition: all 235ms ease-in-out 0s;
color: #41403e;
color: var(--#41403e-light-10);
color: var(--primary-light-10);
cursor: pointer;
margin-left: 0.75rem;
}
.alert .btn-close:hover, .alert .btn-close:active, .alert .btn-close:focus {
color: #41403e;
color: var(--#41403e-dark-10);
color: var(--primary-dark-10);
}
.alert-primary {
@ -1389,11 +1389,11 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.alert-primary .btn-close {
color: #41403e;
color: var(--#41403e-light-10);
color: var(--primary-light-10);
}
.alert-primary .btn-close:hover, .alert-primary .btn-close:active, .alert-primary .btn-close:focus {
color: #41403e;
color: var(--#41403e-dark-10);
color: var(--primary-dark-10);
}
.alert-secondary {
@ -1406,11 +1406,11 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.alert-secondary .btn-close {
color: #41403e;
color: var(--#0071de-light-10);
color: var(--secondary-light-10);
}
.alert-secondary .btn-close:hover, .alert-secondary .btn-close:active, .alert-secondary .btn-close:focus {
color: #41403e;
color: var(--#0071de-dark-10);
color: var(--secondary-dark-10);
}
.alert-success {
@ -1423,11 +1423,11 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.alert-success .btn-close {
color: #41403e;
color: var(--#86a361-light-10);
color: var(--success-light-10);
}
.alert-success .btn-close:hover, .alert-success .btn-close:active, .alert-success .btn-close:focus {
color: #41403e;
color: var(--#86a361-dark-10);
color: var(--success-dark-10);
}
.alert-warning {
@ -1440,11 +1440,11 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.alert-warning .btn-close {
color: #41403e;
color: var(--#ddcd45-light-10);
color: var(--warning-light-10);
}
.alert-warning .btn-close:hover, .alert-warning .btn-close:active, .alert-warning .btn-close:focus {
color: #41403e;
color: var(--#ddcd45-dark-10);
color: var(--warning-dark-10);
}
.alert-danger {
@ -1457,11 +1457,11 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.alert-danger .btn-close {
color: #41403e;
color: var(--#a7342d-light-10);
color: var(--danger-light-10);
}
.alert-danger .btn-close:hover, .alert-danger .btn-close:active, .alert-danger .btn-close:focus {
color: #41403e;
color: var(--#a7342d-dark-10);
color: var(--danger-dark-10);
}
.alert-muted {
@ -1474,11 +1474,11 @@ table.table-alternating tbody tr:nth-of-type(even) {
}
.alert-muted .btn-close {
color: #41403e;
color: var(--#868e96-light-10);
color: var(--muted-light-10);
}
.alert-muted .btn-close:hover, .alert-muted .btn-close:active, .alert-muted .btn-close:focus {
color: #41403e;
color: var(--#868e96-dark-10);
color: var(--muted-dark-10);
}
.alert-state {

2
dist/paper.min.css vendored
View file

File diff suppressed because one or more lines are too long

14
src/components/_alerts.scss
View file

@ -27,20 +27,20 @@
.btn-close {
@include transition;
@include btn-close-color($primary);
@include btn-close-color(primary);
cursor: pointer;
margin-left: 0.75rem;
}
}
@each $colorName, $color, $color-light in $colors {
.alert-#{$colorName} {
@include color('color', #{$colorName}-text);
@include color('background-color', #{$colorName}-light);
@include color('border-color', #{$colorName});
@each $color-name, $color, $color-light, $color-text in $colors {
.alert-#{$color-name} {
@include color('color', #{$color-name}-text);
@include color('background-color', #{$color-name}-light);
@include color('border-color', $color-name);
.btn-close {
@include btn-close-color($color);
@include btn-close-color($color-name);
}
}
}