Skip to content

Commit 97975c5

Browse files
mdomdo
committed
Readd focused example of inputs to docs; clean up alerts section
1 parent 32bcbe5 commit 97975c5

File tree

5 files changed

+23
-62
lines changed

5 files changed

+23
-62
lines changed

‎docs/assets/css/docs.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -443,6 +443,19 @@ section > ul li {
443443

444444

445445

446+
/* Misc docs stuff
447+
-------------------------------------------------- */
448+
449+
/* Pseudo :focus state for showing how it looks in the docs */
450+
input.focused {
451+
border-color: rgba(82,168,236,.8);
452+
outline: 0;
453+
outline: thin dotted \9; /* IE6-9 */
454+
-moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
455+
box-shadow: 0 0 8px rgba(82,168,236,.6);
456+
}
457+
458+
446459
/* Responsive variations
447460
-------------------------------------------------- */
448461

‎docs/components.html

Lines changed: 3 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1578,9 +1578,6 @@ <h3>Dismiss alerts via JavaScript</h3>
15781578
<p>Use the <a href="./javascript.html#alerts">alerts jQuery plugin</a> for quick and easy dismissal of alerts.</p>
15791579

15801580

1581-
<hr class="bs-docs-separator">
1582-
1583-
15841581
<h2>Options</h2>
15851582
<p>For longer messages, increase the padding on the top and bottom of the alert wrapper by adding <code>.alert-block</code>.</p>
15861583
<div class="bs-docs-example">
@@ -1599,51 +1596,28 @@ <h4>Warning!</h4>
15991596
</pre>
16001597

16011598

1602-
<hr class="bs-docs-separator">
1603-
1604-
16051599
<h2>Contextual alternatives</h2>
16061600
<p>Add optional classes to change an alert's connotation.</p>
16071601

1608-
<h3>Error or danger</h3>
16091602
<div class="bs-docs-example">
16101603
<div class="alert alert-error">
16111604
<button type="button" class="close" data-dismiss="alert">&times;</button>
16121605
<strong>Oh snap!</strong> Change a few things up and try submitting again.
16131606
</div>
1614-
</div>
1615-
<pre class="prettyprint linenums">
1616-
&lt;div class="alert alert-error"&gt;
1617-
...
1618-
&lt;/div&gt;
1619-
</pre>
1620-
1621-
<h3>Success</h3>
1622-
<div class="bs-docs-example">
16231607
<div class="alert alert-success">
16241608
<button type="button" class="close" data-dismiss="alert">&times;</button>
16251609
<strong>Well done!</strong> You successfully read this important alert message.
16261610
</div>
1627-
</div>
1628-
<pre class="prettyprint linenums">
1629-
&lt;div class="alert alert-success"&gt;
1630-
...
1631-
&lt;/div&gt;
1632-
</pre>
1633-
1634-
<h3>Information</h3>
1635-
<div class="bs-docs-example">
16361611
<div class="alert alert-info">
16371612
<button type="button" class="close" data-dismiss="alert">&times;</button>
16381613
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
16391614
</div>
16401615
</div>
16411616
<pre class="prettyprint linenums">
1642-
&lt;div class="alert alert-info"&gt;
1643-
...
1644-
&lt;/div&gt;
1617+
&lt;div class="alert alert-error"&gt;... &lt;/div&gt;
1618+
&lt;div class="alert alert-success"&gt;...&lt;/div&gt;
1619+
&lt;div class="alert alert-info"&gt;...&lt;/div&gt;
16451620
</pre>
1646-
16471621
</section>
16481622

16491623

‎docs/css.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1590,10 +1590,10 @@ <h2>Form control states</h2>
15901590
<h3 id="forms-input-focus">Input focus</h3>
15911591
<p>We remove the default <code>outline</code> styles on some form controls and apply a <code>box-shadow</code> in its place for <code>:focus</code>.</p>
15921592
<form class="bs-docs-example form-inline">
1593-
<input class="input-xlarge focused" id="focusedInput" type="text" value="This is focused...">
1593+
<input class="focused" id="focusedInput" type="text" value="This is focused...">
15941594
</form>
15951595
<pre class="prettyprint linenums">
1596-
&lt;input class="input-xlarge" id="focusedInput" type="text" value="This is focused..."&gt;
1596+
&lt;input id="focusedInput" type="text" value="This is focused..."&gt;
15971597
</pre>
15981598

15991599
<h3 id="forms-invalid-inputs">Invalid inputs</h3>

‎docs/templates/pages/components.mustache

Lines changed: 3 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1509,9 +1509,6 @@
15091509
<p>Use the <a href="./javascript.html#alerts">alerts jQuery plugin</a> for quick and easy dismissal of alerts.</p>
15101510

15111511

1512-
<hr class="bs-docs-separator">
1513-
1514-
15151512
<h2>Options</h2>
15161513
<p>For longer messages, increase the padding on the top and bottom of the alert wrapper by adding <code>.alert-block</code>.</p>
15171514
<div class="bs-docs-example">
@@ -1530,51 +1527,28 @@
15301527
</pre>
15311528

15321529

1533-
<hr class="bs-docs-separator">
1534-
1535-
15361530
<h2>Contextual alternatives</h2>
15371531
<p>Add optional classes to change an alert's connotation.</p>
15381532

1539-
<h3>Error or danger</h3>
15401533
<div class="bs-docs-example">
15411534
<div class="alert alert-error">
15421535
<button type="button" class="close" data-dismiss="alert">&times;</button>
15431536
<strong>Oh snap!</strong> Change a few things up and try submitting again.
15441537
</div>
1545-
</div>
1546-
<pre class="prettyprint linenums">
1547-
&lt;div class="alert alert-error"&gt;
1548-
...
1549-
&lt;/div&gt;
1550-
</pre>
1551-
1552-
<h3>Success</h3>
1553-
<div class="bs-docs-example">
15541538
<div class="alert alert-success">
15551539
<button type="button" class="close" data-dismiss="alert">&times;</button>
15561540
<strong>Well done!</strong> You successfully read this important alert message.
15571541
</div>
1558-
</div>
1559-
<pre class="prettyprint linenums">
1560-
&lt;div class="alert alert-success"&gt;
1561-
...
1562-
&lt;/div&gt;
1563-
</pre>
1564-
1565-
<h3>Information</h3>
1566-
<div class="bs-docs-example">
15671542
<div class="alert alert-info">
15681543
<button type="button" class="close" data-dismiss="alert">&times;</button>
15691544
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
15701545
</div>
15711546
</div>
15721547
<pre class="prettyprint linenums">
1573-
&lt;div class="alert alert-info"&gt;
1574-
...
1575-
&lt;/div&gt;
1548+
&lt;div class="alert alert-error"&gt;... &lt;/div&gt;
1549+
&lt;div class="alert alert-success"&gt;...&lt;/div&gt;
1550+
&lt;div class="alert alert-info"&gt;...&lt;/div&gt;
15761551
</pre>
1577-
15781552
</section>
15791553

15801554

‎docs/templates/pages/css.mustache

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1529,10 +1529,10 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
15291529
<h3 id="forms-input-focus">Input focus</h3>
15301530
<p>We remove the default <code>outline</code> styles on some form controls and apply a <code>box-shadow</code> in its place for <code>:focus</code>.</p>
15311531
<form class="bs-docs-example form-inline">
1532-
<input class="input-xlarge focused" id="focusedInput" type="text" value="This is focused...">
1532+
<input class="focused" id="focusedInput" type="text" value="This is focused...">
15331533
</form>
15341534
<pre class="prettyprint linenums">
1535-
&lt;input class="input-xlarge" id="focusedInput" type="text" value="This is focused..."&gt;
1535+
&lt;input id="focusedInput" type="text" value="This is focused..."&gt;
15361536
</pre>
15371537

15381538
<h3 id="forms-invalid-inputs">Invalid inputs</h3>

0 commit comments

Comments
 (0)