[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10 - Вопросы по CSS

Очень часто слышу "вопли" о том, что в UIkit нет 12-колоночного грида, к которому все привыкли в бутстрапе. Обрадую: в UIkit3 вырезали даже 10-колоночный грид, оставив только максимум 6 колонок... Беда-печаль, а ручками набрать нужное - слабо наверное, или макаронный бог не позволяет...

Ликуйте, халявщики! Две версии: для второго и для третьего юикита спецом: https://github.com/master3-blank-template/UIkit-Ex. Компонент width-ex работает в режиме полной замены родного компонента width.

Слышал о необходимости кому-то на 15 и на 20 колонок - для UIkit2 сами по аналогии себе наваяете, UIkit3 поддерживает до 30 колонок.

На этом вопрос считаю исчерпанным.

Для UIkit3 добавлена надстройка для стандартного компонента грида, позволяющая строить межколоночные/межстрочные отступы в зависимости от ширины экрана, по штатным брикпойнтам юикита. По умолчанию:

• до 640px ширины экрана – 10px
• от 640px до 960px — 20px
• от 960px до 1200px — 30px
• от 1200px до 1600px — 40px
• свыше 1600px — 50px

Всё, что требуется — подключить файл grid-ex.[css|less|scss] и прописать класс uk-grid-ex в теге с атрибутом uk-grid.