perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

- added readme

Browse Source 
- added functionnal css for flexbox positionning
- changed cv infos order according to real cv
This commit is contained in:
asus
2023-11-17 13:34:51 +01:00
parent 484c22b7d6
commit 5a443e6672
3 changed files with 267 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
README.md Normal file
View File

@@ -0,0 +1,189 @@
direction | width | child | child | child
| | position | main axis | second axis
................................................................
horizontal | content | left |-pack |-fit
vertical |-parent | right | grow | stretch
| | top | space |
| | bottom | spread |
| |-center | |
.<direction>-<width>-<position-[position]>-<main-axis>-<second-axis>
position :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-top . . top . . right-top . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left . .-center . . right . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-bottom . . bottom . . right-bottom. .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
width :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . .
. . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . parent . .
. . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . .
. . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . content .
. . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
main axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . space . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . spread. . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. .-pack . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . grow . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
second axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . . . . . . .
. . . . . . . . . . . .
. .-fit . . . . . .stretch. . . .
. . . . . . . . . . . .
. . . . . . . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . . . . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
----------------------------------------------------------------
**v2 :**
direction | width | child | child | child
| | position | main axis | second axis
................................................................
horizontal | fit | left |-pack | begin
vertical | large | right | grow | end
| | top | space |-middle
| | bottom | spread | equal
| |-center | | stretch
.<direction>-<width>-<position-[position]>-<main-axis>-<second-axis>
position :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-top . . top . . right-top . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left . .-center . . right . .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . .
. . left-bottom . . bottom . . right-bottom. .
. . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
main axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . space . . . . . . justify-content
. . . . . . . . . . . . . . . . . : space-around
. .
. . . . . . . . . . . . . . . . .
. . spread. . . . . . justify-content
. . . . . . . . . . . . . . . . . : space-between
. .
. . . . . . . . . . . . . . . . .
. .-pack . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . grow . . . . . . child :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . grow: 1;
. .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
second axis :
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . begin . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. .-middle. . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . .
. . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . equal . . . . . .
. . . . . . . . . . . . . . . . . . .
. . end . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . .
. . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . .
. . . . . . . .
. . . . . . . .
. . . . . . . .
. .stretch. . . . . .
. . . . . . . .
. . . . . . . .
. . . . . . . .
. . . . . . . . . . . . . . . . .
. .
. . . . . . . . . . . . . . . . . . .