Я бы хотел стилизовать свои поля ввода с помощью bootstrap-4, изменив внешний вид по умолчанию тематикой. Тем не менее, на одном исключении страниц я хотел бы использовать внешний вид полей ввода, заданных bootstrap. То же самое я хочу сделать с сеткой. На каждой странице желоб должен иметь ширину 50 пикселей, за исключением одной страницы, где ширина должна быть всего 15 пикселей.
Я уже пытался написать два разных листа тем:
themesheet1.scss:
...
$grid-gutter-width: 69px !default;
$input-bg: transparent;
$input-placeholder-color:#ffffff80 !important;
$input-color: white;
...
themesheet2.scss
...
$grid-gutter-width: 15px !default;
...
но так как много повторяющихся тем происходит ниже и выше тех строк кода, которые одинаковы в обоих файлах, я считаю, что это решение довольно неудобно, так как есть несвойственный код, который нужно поддерживать. Интересно, возможно ли как-то заморозить класс (я думаю, что это .form-control), который стилизует входные данные в их состоянии по умолчанию (то есть без применения темы) под другим именем класса, например, .form-control-default, а затем theme .form-control в соответствии с моими потребностями. Таким образом, я смогу получить доступ к обоим классам позже. Что касается сетки, я не очень уверен в том, как выполнить то, что я хочу, без написания второго файла темы, так как участвуют несколько классов.