jkbicbic / XUI

experimental css framework for wikix

XUI (Incomplete)

This is an incomplete Experimental CSS Framework for WIKIX project that's not yet complete. My goal is to make this framework a standard for all incoming projects (hopefully).

Table of Contents

---

• Getting Started
  • Npm/Nodejs
  • Webpack
• Global CSS (incomplete)
  • Flex Formatting
    • Inline Format
    • Column Format
  • Float Formatting
  • Box Model Modifiers
  • Divider
• Navigation Header
  • Responsive and Mobile Sidebar
  • Dropdowns
  • Notifications
• Sections (incomplete)
• Card (to be improved)
  • Card Images
• Images (incomplete & to be improved)
• Buttons (incomplete)
• Input Groups (incomplete)
  • Input
  • Button
• Colors (incomplete)
• Overriding Styles

Framework Structure

projectFolder
  |--scss
  |  |--button.scss
  |  |--card.scss
  |  |--colors.scss
  |  |--common.scss
  |  |--footer.scss
  |  |--global.scss
  |  |--grid.scss
  |  |--img.scss
  |  |--input.scss
  |  |--main.scss
  |  |--nav.scss
  |  |--responsive.scss
  |  |--section.scss
  |  |--text.scss
  |--app.scss