1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-11 16:33:58 +02:00

Added fluid input groups, resolves #50

This commit is contained in:
Angelos Chalaris
2017-01-27 13:52:43 +02:00
parent ee36a28bed
commit e31948c219
6 changed files with 122 additions and 11 deletions

View File

@@ -787,3 +787,5 @@
- `tooltip` updated, dealing with a small misalignment bug in alternate styles.
- Added `$nav-include-sublink-bar` flag for `nav` element's subcategories to add a sidebar to them. Styled them as necessary and used proper variables. Tested reasonably extensively, no bugs should be present.
- With the addition of the new `nav` sidebar to the main flavor, the file size is now `6.86KB`. This is very close to the final size for the *v2.1.0* release, as most of the new features have been added already.
- Added `label` element `padding` via variables to address certain issues. Tweaked `checkbox` and `radio` components to match changes.
- Added flag for `fluid` `input-group`s and created the related component. `fluid` `input-group`s will now be part of the default flavor, taking the file size up to `6.93KB`, which is probably the final size of the next release. - Deals with #50.

View File

@@ -166,6 +166,36 @@
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<style>
label {
padding: 4px;
}
</style>
<form>
<fieldset>
<legend>Simple form</legend>
<div class="input-group fluid">
<label for="username">username</label>
<input type="email" value="" id="username" placeholder="username">
<label for="pwd">password</label>
<input type="password" value="" id="pwd" placeholder="password">
</div>
<div class="input-group">
<label for="username">username</label>
<input type="email" value="" id="username" placeholder="username">
</div>
<div class="input-group">
<input type="checkbox" id="check1" tabindex="0">
<label for="check1">Checkbox</label>
</div>
<div class="input-group">
<input type="radio" id="rad1" tabindex="0" name="radio-group-1">
<label for="rad1">Radio</label>
</div>
</fieldset>
</form>
</div>
</div>