Я использую Semantic UI на веб-сайте, и он выглядит довольно хорошо во всех разрешениях, но мне бы хотелось, чтобы при размере планшета контейнеры были немного шире.
Я обнаружил, что переменные, управляющие этой шириной, находятся в файле themes/default/elements/container.variables. Я читал, что, чтобы не изменять исходные файлы, вам нужно отредактировать файл site/globals/site.variables, поэтому я добавил следующие строки:
@blue : #00709e;
@green : #75912b;
@black : #464646;
@tabletWidth: (@tabletBreakpoint+201) - (@tabletMinimumGutter * 2) - @scrollbarWidth;
Я перестроил файлы CSS/JS с помощью gulp и вижу, что синий, зеленый и черный цвета изменились, но размер контейнера планшета остался прежним.
Должен ли я изменить что-то еще? Спасибо!