Требования:
1. SASS (SCSS)
2. Не в коем случае не использует JQueryUi,
3. В качестве фреймворка для верстки Bootstrap SASS версия
4. иконки font awesome sass
5. для select использовать плагинчик chosen
6. тултипы пойдут bootstrap-овские
все елементы должны быть минимум зависимы от кодов, пример хорошей организации responsiweb.com/themes/pr...
т.е. при верстке чекбокса максимум кода должно быть это –
<label>
<input class="cbh-switch" type="checkbox" name="switch">
<span class="lbl"></span>
</label>
7. Стандартные елементы бутстрапа не в коем случае не переопределять и удолять они нам могут понадобиться при этом для создания своего елмента хорошая практика это использование подобных имен
btn-grey,btn-blue, и т.д. а сам елемент наследовать от .btn и .btn-default к примеру
8. верстка для сворачиваемых-разворачиваемых блоков такие как (рис. main_cbh__widget-options-close.jpg) брать отсюда
responsiweb.com/themes/pr... сразу самый первый отличная верстка при чем улучшать – <div class="widget-body"><div class="widget-main"> не в коем случае нельзя, так как там может быть случаи появления скрулбара.
9. Уведомления pnotify – конечно же bootstrap+fontawesome – sciactive.com/pnotify/#de...
еще требование, чтобы логика елементов строго разделена была, например, если это пагинация, то она должна быть в scss файле pagination.scss
если это таблица то table.scss
если это отдельный уникальный стиль например страница авторизации login.scss
header.scss, footer.scss
левый блок – aside.scss
variables.scss – обязательно все цвета и размеры в переменные
кастомизированные кнопки button.scss
анимации – animation.scss
все что касается общих стилей общей верстки блоков main.scss
pagination.scss – пагинация
вся логика должна быть разделена по разным файлам, все стили записаны во вложенном формате scss
Далее обсуждаю по скайпу.