ajout de strapi

app/assets/scss/base/_button.scss

@@ -0,0 +1,39 @@
+@use 'colors' as *;
+
+.btn {
+    display: inline-block;
+    padding: .6rem 1.2rem;
+    border-radius: .4rem;
+    text-decoration: none;
+    transition: background-color 0.2s;
+    font-weight: 500;
+    text-align: center;
+}
+.btn:hover {
+    background-color: $bleu_fonce;
+}
+.btn--primary {
+    background-color: $bleu_clair;
+    color: white;
+}
+.btn--primary:hover {
+    background-color: $bleu_fonce;
+}
+
+.btn--secondary {
+    background-color: $gris_clair;
+    color: $noir;
+}
+.btn--secondary:hover {
+    background-color: $gris_moyen;
+}
+
+.btn--outline {
+    border: 1px solid $bleu_clair;
+    color: $bleu_clair;
+    background: transparent;
+}
+.btn--outline:hover {
+    background-color: $bleu_clair;
+    color: white;
+}

app/assets/scss/base/_colors.scss

@@ -0,0 +1,13 @@
+$noir: #333;
+$blanc: #ffffff;
+$gris_clair: #e0e0e0;
+$gris_moyen: #c8c8c8;
+
+
+
+$rouge: #E30613;
+$rouge_transparent: #e3061391;
+$vert: green;
+
+$bleu_fonce: #0056b3;
+$bleu_clair: #007bff;

app/assets/scss/base/_fonts.scss

@@ -0,0 +1,81 @@
+@font-face {
+  font-family: 'brandontext_black_italic';
+  src: url('@/assets/fonts/brandontext_black_italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_black';
+  src: url('@/assets/fonts/brandontext_black.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_bold_italic';
+  src: url('@/assets/fonts/brandontext_bold_italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_bold';
+  src: url('@/assets/fonts/brandontext_bold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_light_italic';
+  src: url('@/assets/fonts/brandontext_light_italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_light';
+  src: url('@/assets/fonts/brandontext_light.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_medium_italic';
+  src: url('@/assets/fonts/brandontext_medium_italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_medium';
+  src: url('@/assets/fonts/brandontext_medium.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_regular_italic';
+  src: url('@/assets/fonts/brandontext_regular_italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_regular';
+  src: url('@/assets/fonts/brandontext_regular.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_thin_italic';
+  src: url('@/assets/fonts/brandontext_thin_italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'brandontext_thin';
+  src: url('@/assets/fonts/brandontext_thin.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'barlow_medium';
+  src: url('@/assets/fonts/barlow_medium.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'barlow_semibold';
+  src: url('@/assets/fonts/barlow_semibold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'barlow_regular';
+  src: url('@/assets/fonts/barlow_regular.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'barlow_light';
+  src: url('@/assets/fonts/barlow_light.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'barlow_extrabold';
+  src: url('@/assets/fonts/barlow_extrabold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'barlow_bold';
+  src: url('@/assets/fonts/barlow_bold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'barlow_black';
+  src: url('@/assets/fonts/barlow_black.ttf') format('truetype');
+}
+
+.brandontext_bold {
+  font-family: brandontext_bold !important;
+}

app/assets/scss/base/_img.scss

@@ -0,0 +1,16 @@
+.logo-img {
+  width: 100%;
+}
+
+.header-img_cont {
+    width: 100vw;
+    height: 100vh;
+    overflow: hidden;
+}
+.header-img {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  object-fit: cover;
+  //filter: contrast(0.8);
+}

app/assets/scss/base/_reset.scss

@@ -0,0 +1,14 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+a {
+	color: inherit;
+	text-decoration: none;
+}

app/assets/scss/base/_spaces.scss

@@ -0,0 +1,21 @@
+.height_10 {
+    height: 10px;
+}
+.height_11 {
+    height: 11px;
+}
+.height_16 {
+    height: 16px;
+}
+.height_18 {
+    height: 18px;
+}
+.height_20 {
+    height: 20px;
+}
+.height_25 {
+    height: 25px;
+}
+.height_33 {
+    height: 33px;
+}

app/assets/scss/base/_text.scss

@@ -0,0 +1,9 @@
+@use 'colors' as *;
+
+h1 {
+    color: red;
+}
+
+p {
+    color: $vert;
+}