basscss-color-forms-dark - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

package.json

		{
		"name": "basscss-color-forms-dark",
		"version": "0.0.1",
		"description": "Dark themed form color styles module for BASSCSS",
		"version": "0.0.2",
		"description": "Dark themed form color styles module for Basscss",
		"repository": {
		@@ -12,7 +12,11 @@ "type": "git",
		"OOCSS",
		"BASSCSS",
		"Basscss",
		"Rework"
		],
		"author": "Brent Jackson",
		"license": "MIT"
		"license": "MIT",
		"bugs": {
		"url": "https://github.com/jxnblk/basscss-color-forms-dark/issues"
		},
		"homepage": "https://github.com/jxnblk/basscss-color-forms-dark"
		}

README.md

		# Basscss Color Forms Dark

		Dark themed form color styles module for Basscss
		<p class="hide">Dark themed form color styles module for Basscss</p>

		http://basscss.com
		<a href="http://basscss.com" class="hide">basscss.com</a>

		Color styles for form elements on dark backgrounds.

		# Input Fields

		To style the color, background, and border styles for form fields on dark backgrounds, use the `.field-dark` style.

		```html
		<form class="p2 white bg-dark-gray">
		<label>Input</label>
		<input type="text" class="block full-width field-dark">
		<label>Select</label>
		<select class="block full-width field-dark">
		<option value="1">One</option>
		<option value="2">Two</option>
		<option value="3">Three</option>
		</select>
		<label>Textarea</label>
		<textarea class="block full-width field-dark"></textarea>
		</form>
		```

		The `.field-dark` style includes states for disabled and read-only fields, as well as success, warning, and error states.

		```html
		<form class="p2 white bg-dark-gray">
		<label>Normal</label>
		<input type="text" class="block full-width field-dark">
		<label>Disabled</label>
		<input type="text" class="block full-width field-dark" disabled value="This is disabled">
		<label>Read Only</label>
		<input type="text" class="block full-width field-dark" readonly value="This is read-only">
		<label>Required</label>
		<input type="text" class="block full-width field-dark" required>
		<label>Success</label>
		<input type="text" class="block full-width field-dark is-success">
		<label>Warning</label>
		<input type="text" class="block full-width field-dark is-warning">
		<label>Error</label>
		<input type="text" class="block full-width field-dark is-error">
		</form>
		```

basscss-color-forms-dark - npm Package Compare versions

Fixed alerts

Improved metrics