yogsototh/brutcss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

forms cleanup

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2022-09-27 12:37:28 +02:00
parent 2aa78eacd3
commit 6b89ed2508
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
4 changed files with 22 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
brut.min.css vendored
View file

File diff suppressed because one or more lines are too long

23
h/docs.html
View file

@ -48,12 +48,20 @@
<h1>Buttons</h1>
<h2>Text Buttons</h2>
<h3>Classic</h3>
<a class="tb">tb</a>
<a class="tb info">tb info</a>
<a class="tb ok">tb ok</a>
<a class="tb warn">tb warn</a>
<a class="tb err">tb err</a>
<h3>Sizes</h3>
<a class="tb sm">tb sm</a>
<a class="tb info">tb</a>
<a class="tb big ok">tb big</a>
<a class="tb huge warn">tb huge</a>
<h2>Classic</h2>
<a class="btn">btn</a>
<a class="btn info">btn info</a>
@ -153,15 +161,12 @@
<div>
<h1>Forms</h1>
<div class="block">
<input type="text" placeholder="input type=&quot;text&quot;">
</div>
<div class="block">
<textarea rows="3" placeholder="textarea"></textarea>
</div>
<div class="block">
<span class="addon">$</span><input type="text" placeholder="span class=&quot;addon&quot;">
</div>
<input class="neutral" type="text" placeholder="input type=&quot;text&quot;">
<br/>
<textarea class="neutral" rows="3" placeholder="textarea"></textarea>
<br/>
<span class="addon bg-info">$</span><input type="text" placeholder="span class=&quot;addon&quot;">
<br/>
<pre>&lt;input type="text"&gt;
<br>&lt;textarea rows="3"&gt;
<br>&lt;span class="addon"&gt;$&lt;/span&gt;&lt;input type="text"&gt;</pre>

13
src/forms.less
View file

@ -8,24 +8,23 @@ form > * {
}
textarea, input, select {
border: 2px solid #ccc;
border: 2px solid;
padding: 8px;
}
textarea:focus, input:focus, select:focus {
border-color: #5ab;
}
textarea, input[type=text] {
-webkit-appearance: none; /* make iOS inputs pretty */
width: 13em;
outline: 0;
border: 2px solid #888;
border: 2px solid;
}
.addon {
padding: 8px 12px;
border-width: 2px;
border-color: #888;
border-style: solid none solid solid;
}
textarea:focus, input:focus, select:focus {
border-color: var(--ci1);
}

2
src/general.less
View file

@ -10,7 +10,7 @@ body, textarea, input, select {
* { box-sizing: border-box; }
.addon, .btn-sm, .nav, textarea, input, select {
.addon, .sm, .nav, textarea, input, select {
outline: 0;
font-size: 10px;
}