feat(tailwind): add check for max-width CSS utils
We want to try and only use min-width CSS utils to keep our codebase consistent and our bundle size small. There may be exceptions such as gitlab-stylelint-config!42 (comment 2096850187) and that is okay. This rule can always be disabled on a line by line basis.
Screenshots
Offenses in JavaScript
<script>
Offenses in Vue
<template>
Offenses in Vue
How to test this locally?
- Install
yalc
if you haven't already: https://github.com/wclr/yalc - Checkout this branch and publish it with
yalc
:yalc publish
- In your GitLab repo install the published development package:
yalc add @gitlab/eslint-plugin
- Cleanup after testing
yalc remove @gitlab/eslint-plugin
Edited by Peter Hegman