1 2 3 4 5 6 7 8 9 10 11 12 |
|
@use "@styles/abstracts/mixins" as mix; @use "@styles/abstracts/placeholders"; .wrapper { @extend %reset-list; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spacing-sm); max-width: 100%; margin: var(--spacing-sm) 0; @for $i from 0 to 6 { &--#{$i}-columns { @include mix.media("screen") { @include mix.dimensions("xs") { grid-template-columns: repeat(2, minmax(0, 1fr)); } @include mix.dimensions("sm") { grid-template-columns: repeat(#{$i}, minmax(0, 1fr)); } } } } } .item { > figure { margin: 0; } } andphilippot.com' title='www.armandphilippot.com Git repository'/>
![]() |
index : www.armandphilippot.com | |
| The frontend of my personal website. | Armand Philippot |
| summaryrefslogtreecommitdiffstats |
1 2 3 4 5 6 7 8 9 10 11 12 |
|