add npm link script for SAE lib to be used in other projects
This commit is contained in:
parent
bb0e44eb55
commit
e4031a9768
16 changed files with 1108 additions and 2168 deletions
9
sae-csc/src/styles/_sae-lib-imports.scss
Normal file
9
sae-csc/src/styles/_sae-lib-imports.scss
Normal file
|
@ -0,0 +1,9 @@
|
|||
/**
|
||||
* Fichier centralisé pour importer les styles de sae-lib
|
||||
* À utiliser dans les composants avec: @use '@sae-lib/src/styles/_variables' as variables;
|
||||
*/
|
||||
|
||||
@forward '@sae-lib/src/styles/_variables.scss';
|
||||
@forward '@sae-lib/src/styles/_forms.scss';
|
||||
@forward '@sae-lib/src/styles/_global.scss';
|
||||
@forward '@sae-lib/src/styles/_shadows.scss';
|
5
sae-csc/src/styles/_variables-barrel.scss
Normal file
5
sae-csc/src/styles/_variables-barrel.scss
Normal file
|
@ -0,0 +1,5 @@
|
|||
// Ce fichier regroupe toutes les variables de sae-lib pour faciliter l'importation
|
||||
@forward 'sae-lib/src/styles/_variables.scss';
|
||||
//@forward '../../my-workspace/projects/sae-lib/src/styles/_forms';
|
||||
//@forward '../../my-workspace/projects/sae-lib/src/styles/_global';
|
||||
//@forward '../../my-workspace/projects/sae-lib/src/styles/_shadows';
|
45
sae-csc/src/styles/main.scss
Normal file
45
sae-csc/src/styles/main.scss
Normal file
|
@ -0,0 +1,45 @@
|
|||
/*
|
||||
* Fichier principal pour les styles globaux
|
||||
* Il contient les variables et styles réutilisables dans toute l'application
|
||||
*/
|
||||
|
||||
// Définir les couleurs de base de l'application
|
||||
$primary-color: #3f51b5;
|
||||
$secondary-color: #ff4081;
|
||||
$bg-color-nav: #333333;
|
||||
$text-color: #ffffff;
|
||||
|
||||
// Autres variables globales
|
||||
$spacing-unit: 8px;
|
||||
$border-radius: 4px;
|
||||
|
||||
// Mixins utiles
|
||||
@mixin flex-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@mixin shadow-light {
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
// Styles globaux
|
||||
body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Classes d'utilité
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: $spacing-unit;
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: $spacing-unit;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue