steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 03:24:20 +00:00
Code Activity

Make input[type="url"] behave as an input field

Browse source 
Fixes #72.
This commit is contained in:
Steffo 2024-03-30 18:57:50 +01:00
parent 32c6a7a564
commit 92a3d6b2f8
Signed by: steffo
GPG key ID: 5ADA3868646C3FC0
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/index.html
View file

@ -1515,6 +1515,12 @@ Contents
<input type="tel" placeholder="Telephone"> <input type="tel" placeholder="Telephone">
</label> </label>
</p> </p>
<p>
<label>
Website
<input type="url" placeholder="htcpcp://kitchen.localdomain/brew">
</label>
</p>
<p> <p>
<label> <label>
Birthday Birthday

2
src/selectorsets/root.less
View file

@ -96,7 +96,7 @@
@modifier-magenta: ~":where(.magenta)"; @modifier-magenta: ~":where(.magenta)";
@input: ~":where(input, textarea, select, button)"; @input: ~":where(input, textarea, select, button)";
@input-field: ~':where(input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="datetime-local"], input[type="date"], input[type="time"])'; @input-field: ~':where(input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="datetime-local"], input[type="date"], input[type="time"], input[type="url"])';
@input-area: ~":where(textarea)"; @input-area: ~":where(textarea)";
@input-select: ~":where(select:not([multiple]))"; @input-select: ~":where(select:not([multiple]))";
@input-multiselect: ~":where(select[multiple])"; @input-multiselect: ~":where(select[multiple])";