<p>A message may be formatted to display a positive message.</p>
<b class="ignored">
<i class="attention icon"></i>
Positive/Success and Negative/Error nessages by default use similar colors, but each has their own color variables that can be distinguished in your theme.
Positive/Success and Negative/Error messages by default use similar colors, but each has their own color variables that can be distinguished in your theme.
<div class="ui ignored positive message">Horizontal dividers can also be used in combination with <a href="/elements/header.html">header</a> and <a href="/elements/icon.html">icons</a> to create different styles of dividers.
</div>
<div class="ui ignored message">Dividers in Semantic <code>1.0</code> will automatically vary the size of their rules to match the length of your text</div>
<div class="ui tertiary form segment">
<div class="field">
<label>Lookup Order</label>
<div class="ui left labeled icon input">
<i class="search icon"></i>
<input type="text" placeholder="Order #">
<div class="ui ignored message">Dividers will automatically vary the size of their dividing rules to match the length of your text</div>
<p>An icon sets contains an arbitrary number of glyphs</p>
<div class="ui ignored warning message">
Icons serve a very similar function to text in a page. In Semantic icons receive a special tag <code><i></code> which allow for an abbreviated markup when sitting along-side text.
</div>
<div class="ui ignored message">Semantic includes a complete port of <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a> designed by <a href="http://www.twitter.com/davegandy">Dave Gandy</a> for its standard icon set.</div>
<h2 class="ui header">Icon Set</h2>
<p>An icon sets contains an arbitrary number of glyphs</p>
<div class="ui ignored warning message">
Icons serve a very similar function to text in a page. In Semantic icons receive a special tag <code><i></code> which allow for an abbreviated markup when sitting along-side text.
</div>
<div class="ui segment">
<div class="ui ignored message">Semantic includes a complete port of <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a> designed by <a href="http://www.twitter.com/davegandy">Dave Gandy</a> for its standard icon set.</div>
<div class="icon example">
<h4 class="ui header">Web Content</h4>
<p>Icons can represent types of content found on websites</p>
<p>Semantic's naming conventions are based around <em>common usage</em>, not arbitrarily prescribed standards—a practice borrowed from <a href="https://www.princeton.edu/~achaney/tmve/wiki100k/docs/Descriptive_linguistics.html" target="_blank">descriptive linguistics</a>.</p>
<div class="hidden code" data-type="html">
<p>Semantic's design is based around <a target="_blank" href="https://www.princeton.edu/~achaney/tmve/wiki100k/docs/Descriptive_linguistics.html"><em>common usage</em></a>, using features of natural language like, plurality, tense, and word order to make your code self-explanatory.</p>
<div class="ui stackable center aligned very relaxed page grid">
<div class="twelve wide column">
<h1 class="ui inverted icon header">
@ -715,9 +714,8 @@ type : 'Semantic'
Decodified Code
</h1>
<p>
Semantic's naming conventions are based around <em>common usage</em>, not arbitrarily prescribed standards—a practice borrowed from
<a>descriptive linguistics</a>
.
<p>Semantic's design is based around <a target="_blank"><em>common usage</em></a>, using features of natural language like, plurality, tense, and word order to make your code self-explanatory.
</p>
</p>
<!-- Recursion Omitted (Turtles all the way down) !-->
jlukic
10 years ago