diff options
Diffstat (limited to 'library/font_awesome/src/_includes/examples/bordered-pulled.html')
-rw-r--r-- | library/font_awesome/src/_includes/examples/bordered-pulled.html | 43 |
1 files changed, 20 insertions, 23 deletions
diff --git a/library/font_awesome/src/_includes/examples/bordered-pulled.html b/library/font_awesome/src/_includes/examples/bordered-pulled.html index b5aa2bf17..33f9922ed 100644 --- a/library/font_awesome/src/_includes/examples/bordered-pulled.html +++ b/library/font_awesome/src/_includes/examples/bordered-pulled.html @@ -1,32 +1,29 @@ <section id="bordered-pulled"> - <h2 class="page-header">Bordered & Pulled Icons</h2> + <h2 class="page-header"> + Bordered & Pulled Icons + <div class="pull-right text-default margin-top padding-top-sm hidden-xs"> + <a href="https://github.com/FortAwesome/Font-Awesome/blob/{{ site.fontawesome.doc_blob }}/less/bordered-pulled.less" class="text-muted padding-right">View LESS</a> + <a href="https://github.com/FortAwesome/Font-Awesome/blob/{{ site.fontawesome.doc_blob }}/scss/_bordered-pulled.scss" class="text-muted">View SASS</a> + </div> + </h2> <div class="row"> - <div class="span3"> + <div class="col-md-3 col-sm-4"> <p> - Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or - article graphics. + <i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i> + …tomorrow we will run faster, stretch out our arms farther… And then one fine morning— + So we beat on, boats against the current, borne back ceaselessly into the past. </p> </div> - <div class="span9"> - <div class="well well-large well-transparent"> - <i class="icon-quote-left icon-4x pull-left icon-muted"></i> - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. - </div> -{% highlight html %} -<i class="icon-quote-left icon-4x pull-left icon-muted"></i> -Use a few of the new styles together ... lots of new possibilities. -{% endhighlight %} - <div class="well well-large well-transparent clearfix"> - <i class="icon-flag icon-4x pull-left icon-border"></i> - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. - </div> + <div class="col-md-9 col-sm-8"> + <p> + Use <code>fa-border</code> and <code>fa-pull-right</code> or <code>fa-pull-left</code> for easy pull quotes or + article icons. + </p> {% highlight html %} -<i class="icon-flag icon-4x pull-left icon-border"></i> -Use a few of the new styles together ... lots of new possibilities. +<i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i> +...tomorrow we will run faster, stretch out our arms farther... +And then one fine morning— So we beat on, boats against the +current, borne back ceaselessly into the past. {% endhighlight %} </div> </div> |