- PHP >= 5.4
-
Скопировать репозиторий в папку стилей
-
Подключить стили следующим образом:
<link rel="stylesheet" href="/stylesDir/style.php/main.scss" />-
Вести работу в
scss/main.scss, в нем же можно подключать / отключать модули. -
Если есть необходимость, можно редактировать модули в
scss/modules/moduleName. -
Пример того, как все это работает, можно посмотреть в
index.html.
Подключает Bootstrap 3 с возможностью кастомизации.
В сетку и адаптивные утилиты добавлен модификатор xxs, который действует как оригинальный xs, но ниже разрешения 480px. В свою очередьxs в этом модуле действует только от 767px до 480px, а не как в оригинале - до самого минимального разрешения.
Изначально в директории доступно:
- редактирование переменных в файле
variables - настройка сетки в файле
grid
Модуль подключается с помощью файла bootstrap_full для полной версии Bootstrap, bootstrap_grid только для сетки.
Пример подключения части модулей можно посмотреть в этих 2 файлах.
Подключает Materialize с возможностью кастомизации.
На страницу примера фреймворк не подключен, т.к. конфликтует с Bootstrap.
Пример использования есть в scss/materialize.scss.
В переменной $roboto-font-path обязательно указать верный путь до шрифтов (см. пример в scss/materialize.scss).
SCSS сетка с возможностью использовать любое количество колонок. Можно настраивать отступы сетки, направление и многое другое - см. документацию.
Модуль подключается с помощью файла library. В файле example можно посмотреть пример.
jQuery плагин для установки одинаковой высоты дочерним элементам. Предполагается, что будет использоваться для адаптивных блоков, перестраивающихся в зависимости от разрешения экрана.
Есть опция установки одинаковой высоты для всех выбранных элементов или для элементов в строке. В index.html есть пример использования плагина.
Небольшой миксин с jQuery плагином для добавления меню-гамбургера на страницу. В index.html есть пример использования.