forms cleanup
This commit is contained in:
parent
2aa78eacd3
commit
6b89ed2508
4 changed files with 22 additions and 18 deletions
2
brut.min.css
vendored
2
brut.min.css
vendored
File diff suppressed because one or more lines are too long
23
h/docs.html
23
h/docs.html
|
@ -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="text"">
|
||||
</div>
|
||||
<div class="block">
|
||||
<textarea rows="3" placeholder="textarea"></textarea>
|
||||
</div>
|
||||
<div class="block">
|
||||
<span class="addon">$</span><input type="text" placeholder="span class="addon"">
|
||||
</div>
|
||||
<input class="neutral" type="text" placeholder="input type="text"">
|
||||
<br/>
|
||||
<textarea class="neutral" rows="3" placeholder="textarea"></textarea>
|
||||
<br/>
|
||||
<span class="addon bg-info">$</span><input type="text" placeholder="span class="addon"">
|
||||
<br/>
|
||||
<pre><input type="text">
|
||||
<br><textarea rows="3">
|
||||
<br><span class="addon">$</span><input type="text"></pre>
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue