/form-elements-schemes

A colorized form input elements for dark and light schemes with some box model

Primary LanguageCSS

Dark and Light schemes in form inputs

Developing... 😇

For now without collabs, but I hope You will contribute because I need:

  1. An UI designer for this page, and some form elements
  2. An english translator/supervisor (my native language is spanish)
  3. Some who has any Apple Inc. Operating system (any version) on any device using safari browser (any version) to test some details.
  4. Some who has a computer with Windows 7 or Windows XP and any old version of google chrome or Firefox
  5. Anyone using any GNU/Linux distro with any browser

All contributors will have the credits by his/her work in one or more topics in this repository and humans.txt file


This project has only one motivation, make a little better box model and color schemes for form elements

To use just download the file forms-aio.min.css and add the link tag like in the html head tag below:

<link rel="stylesheet" type="text/css" href="/path/to/forms-aio.min.css">

A lot of .css, .css.min, and .map files of project are located in css folder but if you want to explore easily the CSS code, watch SCSS files in SCSS folder, specially the files starts with underscore ( _ ).

Watch live

This page shows more detailed information and live samples in dark and light schemes. Enjoy! 😊

normal mi pantalla (1.25 DRP) en celu (3.0 DRP)
1px 1px (int(1.25 X 1px) 1.25px) (int(3 X 1px) 3px)
2px 1px (int(1.25 X 2px) 2.5px) (int(3 X 2px) 6px)
3px 3px (int(1.25 X 3px) 2.75px) (int(3 X 3px) 9px)
10px 12px (int(1.25 X 10px) 12.5px) (int(3 X 10px) 30px)
20px 25px (int(1.25 X 20px) 25px) (int(3 X 20px) 60px)