Closed github-actions[bot] closed 4 years ago
CSS: Refactor into a grid layout componenet
https://github.com/aimementoring/website/blob/cbbbd60e9b1670ca0c9c0af26eca5615f9537895/pages/reports/reports.module.scss#L19
.banner { background: url($cdnRoot+"assets/images/banner/bg-pattern-purple@2x.jpg") no-repeat top center / cover #050301; composes: banner from '../../styles/patterns/patternBanner.module.scss'; } .filterListContainer { min-width: 280px; padding: 2em 2em 0; ul { display: flex; flex-wrap: wrap; } } // @todo: CSS: Refactor into a grid layout componenet // Or at least into a CSS modules pattern to start .reportsGrid { display: grid; flex-wrap: wrap; grid-gap: 1em; grid-template-columns: repeat(auto-fill, minmax(15.5em, 1fr)); margin: 0 auto; max-width: 81.25em; padding: 2em 2em 4em; padding-top: 0; } .reportCategoryItem { border: 1px solid $watermelon; border-radius: 3px; color: $watermelon; cursor: pointer; display: block; font-family: $body-font-family-bold; margin-right: 0.5em; margin-top: 1em; padding: 0.5em 1em; text-transform: uppercase; &.active { background: $watermelon; color: $white; } } @media screen and (max-width: $lg) { .filterListContainer { padding: 0 2em; } } ew file mode 100644 ndex 000000000..57eb27253 ++ b/pages/stories/[categorySlug]/index.js
0f17c90f139ba1f35770a7bfb6d32897daec4c8b
CSS: Refactor into a grid layout componenet
https://github.com/aimementoring/website/blob/cbbbd60e9b1670ca0c9c0af26eca5615f9537895/pages/reports/reports.module.scss#L19
0f17c90f139ba1f35770a7bfb6d32897daec4c8b