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

4
my-workspace/projects/sae-lib/alert-box/alert-box.scss
View file

@ -0,0 +1,4 @@
sae-alert-box {
font-size: 12px;
padding: 18px;
}

12
my-workspace/projects/sae-lib/src/styles/_global.scss
View file

@ -12,9 +12,6 @@ body {
width: 800px;
}
footer {
padding-bottom: 10rem;
}
.active-link {
background: green;
@ -34,11 +31,14 @@ nav {
background: white;
}
footer {
padding-bottom: 50px;
}
.main-footer {
background: #1b1d27;
color: #ccc;
background: transparent;
padding-top: 2rem;
font-size: 0.8rem;
font-style: italic;
}

5
my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
View file

@ -212,3 +212,8 @@
}
}
}
.bottom-warning-container {
margin-left: 70px;
margin-top: 18px;
}

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;
}

7
my-workspace/projects/sae-lib/src/styles/_variables.scss
View file

@ -29,6 +29,7 @@ $danger-color: #A31B1B;
$danger-color-light: rgba(#E84F4F1A, 0.1);
$success-color: #32D970;
$warning-color: #E68250;
$warning-color-text: #9a420f;
$info-color: #6565ff;
@ -45,7 +46,7 @@ $notification-green: #315E5D;
$bg-color-button: #f4f6fc;
$bg-color-nav: #1B1D27;
$bg-color-chat: #f5f5f5;
$shadow-color : #dedede;
$shadow-color: #dedede;
// CSC project variables
@ -58,8 +59,8 @@ $csc-title-color: #000;
$csc-nav-color: $main-color-400;
$csc-chips-bg-color: $main-color-400;
$csc-textarea-color : #1B1D27;
$csc-filters-box-color : #E3EAF1;
$csc-textarea-color: #1B1D27;
$csc-filters-box-color: #E3EAF1;
$bot-bubble: $csc-light-yellow-color;