sircus-components-form-size

Module For Form Size Modifier.

Usage no npm install needed!

<script type="module">
  import sircusComponentsFormSize from 'https://cdn.skypack.dev/sircus-components-form-size';
</script>

README

sircus-components-form-size

npm version

Install

npm:

$ npm install sircus-components-form-size sircus-variables

Usage

cssnext:

input.css

@import "sircus-components-form-size";
@import "sircus-variables";

sass:

input.scss

@import "node_modules/sircus-variables/converted";
@import "node_modules/sircus-components-form-size/converted";

html

<input type="text" class="Input Input--sm">
<input type="text" class="Input Input--lg">
<input type="text" class="Input Input--xl">
<input type="text" class="Input Input--full">
<textarea class="Textarea Textarea--full">..</textarea>
<select class="Select Select--sm">..</select>
<select class="Select Select--lg">..</select>
<select class="Select Select--xl">..</select>

Contributing

We Need Your Help!

License

Released under the MIT license.