TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Add more flex utilities

Browse source
This commit is contained in:
TheThomaas 2024-02-11 19:31:12 +01:00
parent e8a5edafa5
commit 58d2386c61
3 changed files with 17 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/subpages/download.liquid
View file

@ -4,7 +4,7 @@ showTitle: false
order: 4 order: 4
--- ---
<div class="flex-container justify-center download"> <div class="flex justify-center items-center download">
<p>Vous souhaitez imprimer ce document ?</p> <p>Vous souhaitez imprimer ce document ?</p>
<i>--></i> <i>--></i>
<button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Télécharger en PDF</button> <button type="button" onclick="window.print()" class="btn btn-download icon--right icon-download">Télécharger en PDF</button>

13
src/scss/components/_utilities.scss
View file

@ -28,21 +28,24 @@
background-color: var(--background-color, none); background-color: var(--background-color, none);
} }
.flex-container { .flex {
display: inline-flex; display: inline-flex;
align-items: center; }
&.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
&.justify-around { .justify-around {
justify-content: space-around; justify-content: space-around;
} }
&.justify-center { .justify-center {
justify-content: center; justify-content: center;
} }
.items-center {
align-items: center;
} }
.sr-only { .sr-only {

6
src/scss/critical.scss
View file

@ -301,12 +301,6 @@ section {
} }
.competences-section { .competences-section {
> div {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.col { .col {
width: 100%; width: 100%;
margin-bottom: 2rem; margin-bottom: 2rem;