kosssi
/
hugo-theme-lowtech
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Update grid

This commit is contained in:
Simon 2020-03-26 17:56:00 +01:00
parent 70e86dfd23
commit c4cb12d740
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/styles/grid.scss
View File

@ -1,4 +1,5 @@
.grid { display: flex; flex-wrap: wrap; }
.grid.\-nowrap { flex-wrap: nowrap; }
.grid.\-top { align-items: flex-start; }
.grid.\-middle { align-items: center; }
.grid.\-bottom { align-items: flex-end; }
@ -9,12 +10,14 @@
.grid.\-right { justify-content: flex-end; }
.grid.\-between { justify-content: space-between; }
.grid.\-around { justify-content: space-around; }
.grid.\-column { flex-direction: column; }
.cell { flex: 1; box-sizing: border-box; }
.cell.\-left { text-align: left ;}
.cell.\-right { text-align: right; }
.cell.\-center { text-align: center ;}
.cell img { max-width: 100% }
.cell.\-middle { align-self: center }
@media screen and (min-width: 600px) {
.\-even-reverse:nth-child(even) { flex-direction: row-reverse; }