What is it?
It's an interface kit for cms. After creating this kit, we can take decisions faster than old ones.
Why I created a kit?
We developed this structure because improve performance on css side and be faster about implementation problems. In all designs have same structures but every section change ownself after revisions. These problems was creating new issues for front-end developers.
Benefits
- All projects will use same buttons/inputs and grid structures in this way we don't live any confused about the projects.
- All components working on one class and these classes have a prefix. We create t- prefix for this purpose. (t-fields, t-buttons, t-cards, t-'......')
- Advanced color palette
Dependencies
- Vue ([https://vuejs.org/])
- Multiselect ([https://vue-multiselect.js.org])
- VCalendar ([https://vcalendar.io])
Photos of Documentation
Getting Started
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Details of Interface Kit
Grid
We are using bootstrap grid system. If you want learn more information and usage style about grid system. Check the bootstrap documentation.
Colors
We developed advanced color palette for structure. Every color has codename and every color has a background/color class. If you want change background or color property any element you can use color classes.
 