add npm link script for SAE lib to be used in other projects

This commit is contained in:
Tykayn 2025-08-08 12:36:41 +02:00 committed by tykayn
parent bb0e44eb55
commit e4031a9768
16 changed files with 1108 additions and 2168 deletions

View 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';

View 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';

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