tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

up warning boxes, ajout en footer

Browse source
This commit is contained in:
Tykayn 2025-08-11 12:21:39 +02:00 • committed by tykayn
parent d0b5ad10f6
commit cd47bc1519
5 changed files with 38 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

37
my-workspace/projects/sae-lib/src/styles/_states.scss
View file

@ -1,40 +1,41 @@
@use "sass:color";
@use "shadows";
@use "variables";
// state colors
.is-primary {
background-color: shadows.$primary-color;
color: shadows.$neutral-white;
border-color: color.adjust(shadows.$primary-color, $lightness: - 10%);
background-color: variables.$primary-color;
color: variables.$neutral-white;
border-color: color.adjust(variables.$primary-color, $lightness: - 10%);
}
.is-secondary {
background-color: shadows.$secondary-color;
color: shadows.$neutral-white;
background-color: variables.$secondary-color;
color: variables.$neutral-white;
}
.is-warning {
background: shadows.$warning-color;
color: shadows.$neutral-white;
border-color: color.adjust(shadows.$warning-color, $lightness: -50%);
background: variables.$neutral-white;
color: variables.$warning-color-text;
border: 0;
}
.is-info {
background: shadows.$info-color;
color: shadows.$neutral-white;
border-color: color.adjust(shadows.$info-color, $lightness: -50%);
background: variables.$info-color;
color: variables.$neutral-white;
border-color: color.adjust(variables.$info-color, $lightness: -50%);
}
.is-success {
background: shadows.$success-color;
color: shadows.$neutral-white;
border-color: color.adjust(shadows.$success-color, $lightness: -50%);
background: variables.$success-color;
color: variables.$neutral-white;
border-color: color.adjust(variables.$success-color, $lightness: -50%);
}
.is-error {
background: shadows.$danger-color;
color: shadows.$neutral-white;
border-color: color.adjust(shadows.$danger-color, $lightness: -50%);
background: rgba(variables.$danger-color, 10%);
color: variables.$danger-color;
border: 0;
}