locomotivemtl / locomotive-boilerplate

🚂 Front-end boilerplate for projects by Locomotive.
https://locomotivemtl-boilerplate.vercel.app/
MIT License
455 stars 71 forks source link

Optimise grid-column loops / Use css vars for grid columns #141

Closed lucasvallenet closed 1 year ago

lucasvallenet commented 1 year ago

1. Optimisation of the grid-columns loop with actual CSS breakpoints

2. Use of CSS variable for grid-column with --gc-start and --gc-end. Why ? Cleaner code and possibility to override the variable whenever needed (for edge case for example).

cloudflare-pages[bot] commented 1 year ago

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: 5d38685
Status: âœ…  Deploy successful!
Preview URL: https://aa07897e.locomotive-boilerplate.pages.dev
Branch Preview URL: https://feature-optimize-grid.locomotive-boilerplate.pages.dev

View logs