У меня есть существующий сайт с устаревшим кодом, который я не могу редактировать (по причинам, по которым я не могу сюда зайти). Сайт использует bootstrap 4, но я хотел бы сделать однострочную модификацию, которая уменьшит количество точек останова с 5 до 3. Я могу выполнить sh это с помощью однострочного изменения, выполнив следующее:
$grid-breakpoints: (
xs: 0,
sm: 768px,
md: 1200px,
lg: 1200px,
xl: 1200px
) !default;
Это выполняет именно то, что я хочу. Это в основном делает устаревшим весь код, который ссылается на две дополнительные точки останова, которые я не хочу. Однако, единственным недостатком является то, что он выдает раздражающие предупреждения около ста раз каждый раз, когда я компилирую:
WARNING: Invalid value for $grid-breakpoints: This map must be in ascending order, but key 'xl' has value 1200px which isn't greater than 1200px, the value of the previous key 'lg' !
Два вопроса:
- Есть ли способ подавить эти предупреждения ? (компилируется с
npm run btw) - Есть ли более элегантный способ удаления лишних точек останова (учитывая, что я не могу найти и заменить всю базу кода и удалить эти ссылки на
lg md et c)