CSS File

1/*

2 ________ __ __ __ __ _____ __

3| __ || | / \ | | | || __ \ | |

4| |__| || | / \ | |\ | || |__) | | |

5| _____|| | / /\ \ | | \| || / | |____ ___ ___

6| | | | / /__\ \ | |\ | || __ \ | ___ |\ \ / /

7| | | | / / \ \ | | \| || |__) |_ | |___| | \ \__/ /

8|__| |__|/__/ \__\|__| |__||_______(_)|_______| \ /

9 _| /

10 | /

11 |____/

12*/

13/* v.1.2 */

14/* FLEX GRID ---------------------- */

15.flex {display: flex;flex-wrap: wrap;justify-content: space-between;}

16

17.flex > * {box-sizing: border-box;margin-bottom: var(--fm);}

18

19/* last row fix */

20.flex.last-row-fix>div:empty{height:0!important;min-height:none!important;margin:0!important;color:transparent!important;font-size:0!important;padding:0!important;border:0!important;background:0 0!important;opacity:0}

21

22.flex.last-row-fix-second>div:empty{height:0!important;min-height:none!important;margin:0!important;color:transparent!important;font-size:0!important;padding:0!important;border:0!important;background:0 0!important;opacity:0}

23

24

25/* flex margins */

26:root{--fm:30px}

27.fm0{--fm:0px}

28.fm5{--fm:5px}

29.fm10{--fm:10px}

30.fm15{--fm:15px}

31.fm20{--fm:20px}

32.fm25{--fm:25px}

33.fm30{--fm:30px}

34.fm35{--fm:35px}

35.fm40{--fm:40px}

36.fm45{--fm:45px}

37.fm50{--fm:50px}

38.fm55{--fm:55px}

39.fm60{--fm:60px}

40.fm65{--fm:65px}

...