GithubHelp home page GithubHelp logo

gogibeet / custom-css-forms Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pelinoleg/cssformalize

0.0 1.0 0.0 478 KB

Custom styles for standard html forms

CSS 75.35% JavaScript 0.60% HTML 8.45% Sass 15.61%

custom-css-forms's Introduction

Custom Css Forms

Dark and Light mode example for custom css forms

Description

This is a set of CSS rules that help you style standard Html forms without using javascript. There are also some components here, such as grouped radio buttons, grouped checkboxes, switches and custom select

Demo:

https://pelinoleg.github.io/Custom-Css-Forms/

How to Install:

If you do not make changes in styles:

  • Download file css/index.css and connect the file to the page.
  • Styles will be applied to standard forms immediately. If you want to use form components, you need to look at their structure in the index.html

If you want to change the styles of the forms:

  • Clone project
  • Install node.js ( Node.js )
  • Install Gulp sudo npm i gulp -g
  • Run inside the project: npm install
  • Run gulp watch and change styles in the sass folder
  • index.css file will be generated automatically

Todo: Description of styles and mixins

custom-css-forms's People

Contributors

pelinoleg avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.