Add .grouped.gapless class

[yne]

This PR add support for the .grouped.gapless class that allow to group elements (input, select, button ...)

Preview

<kbd>button</kbd>:
<div>
	<button class=button>Left</button>
	<button class=button>Center</button>
	<button class=button>Right</button>
</div>

<kbd>.grouped > button</kbd>:
<div class="grouped">
	<button class=button>Left</button>
	<button class=button>Center</button>
	<button class=button>Right</button>
</div>
<kbd>.grouped.gapless > .button.icon-only</kbd>:
<div class="grouped gapless">
	<button class="button icon-only"><img src="https://icongr.am/clarity/align-left-text.svg?size=18"></button>
	<button class="button icon-only"><img src="https://icongr.am/clarity/center-text.svg?size=18"></button>
	<button class="button icon-only"><img src="https://icongr.am/clarity/align-right-text.svg?size=18"></button>
</div>
<kbd>.grouped.gapless > .button.outline.primary</kbd>:
<div class="grouped gapless">
	<a class="button icon-only outline">&laquo;</a>
	<a class="button icon-only outline">1</a>
	<a class="button icon-only outline">2</a>
	<a class="button icon-only outline primary">3</a>
	<a class="button icon-only outline">4</a>
	<a class="button icon-only outline">&raquo;</a>
</div>
<kbd>.grouped.gapless > .col-2</kbd>:
<form class="grouped gapless">
	<select class=col-2>
		<option>Track
		<option>Artist
		<option>Playlist
	</select>
	<input type=search placeholder=search>
	<input type=submit>
</form>

[yne]

@jenil Hi, could you push a 0.7.1 tag ?
Thanks

[jenil]

Published