It's really simple... If you have basic knowledge of Jade. Simple fill out the paramaters in the mixin below, drop it below this box, and watch as magic happens!
Jade
Please note that these are case sensitive.
/* Mixin Guide
* Form Container Mixin
* +form-container
*
* Form Mixin
* +form('name', 'width', 'color', 'style')
*
* Input Mixin
* +input('type', 'name', 'placeholder', 'label')
*
* Button Mixin
* +button('label')
*/
+form-container
+form.active('name', 'width', 'color', 'style')
+input('type', 'name', 'placeholder', 'label')
+input('type', 'name', 'placeholder', 'label')
+button('label')
+form('name', 'width', 'color', 'style')
+input('type', 'name', 'placeholder', 'label')
+input('type', 'name', 'placeholder', 'label')
+button('label')
p Not registered?
a.toggle(rel="nofollow noopener" target="_blank" href='#') Sign up
Tested on the latest versions of Chrome, Firefox, Safari, Internet Explorer, & Opera.
Best viewed in Chrome because... I said so.