dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

renommage dossiers

Browse source
This commit is contained in:
Raphael 2019-07-17 11:15:55 +02:00
parent 365d221431
commit 8292b542f2
13 changed files with 15 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

65
sass/base/_layout.scss Normal file
View file

@ -0,0 +1,65 @@
/* ----------------------------- */
/* ==Global Micro Layout */
/* ----------------------------- */
/* Flexbox layout is KNACSS choice
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
.flex-container,
.d-flex {
display: flex;
flex-wrap: wrap;
}
.flex-container--row,
.flex-row {
@extend .flex-container;
flex-direction: row;
}
.flex-container--column,
.flex-column {
@extend .flex-container;
flex-direction: column;
}
.flex-container--row-reverse,
.flex-row-reverse {
@extend .flex-container;
flex-direction: row-reverse;
justify-content: flex-end;
}
.flex-container--column-reverse,
.flex-column-reverse {
@extend .flex-container;
flex-direction: column-reverse;
justify-content: flex-end;
}
.flex-item-fluid,
.item-fluid {
flex: 1 1 0%;
}
.flex-item-first,
.item-first {
order: -1;
}
.flex-item-medium,
.item-medium {
order: 0;
}
.flex-item-last,
.item-last {
order: 1;
}
.flex-item-center,
.item-center,
.mr-auto {
margin: auto;
}