StyleForge

CSS framework

This package contains three utilities

• style-forge.base
• style-forge.form
• style-forge.patterns

These utilities provide an innovative approach to page layout that can improve (performance/display) of pages on all devices.

⚠️ Warning But it can also worsen if there is no understanding of how Grid layout works With numerous nested Grid templates, rendering can be degraded (for example, for mobile devices)

Installation

npm install style-forge

yarn add style-forge

Description of modules

style-forge.base

This is a basic style converter on Grid

It includes

• Normalization of all styles
• Transformation of block elements into Grid
• Support for color themes
• Innovative approach to layout using attributes

style-forge.form

This is styling of all input fields

It includes

• button
• input
  • text
  • search
  • email
  • number
  • password
  • tel
  • url
  • color
  • file
  • image
  • range
  • time
  • week
  • month
  • date
  • datetime-local
• checkbox
• radio
• select [multiple]
• switch [multiple] [supports vertical]
• textarea
• datalist

style-forge.patterns

These are grid patterns

It includes

• grid model for the site [media query for mobile devices]
• media model

License

Distributed under the MIT License. See LICENSE for more information.