mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 09:04:14 +02:00
Code Issues Releases Wiki Activity

All Glyphicons now require a base class, e.g. .glyphicon.glyphicon-star

Browse Source
This commit is contained in:
Mark Otto
2013-02-16 01:26:43 -08:00
parent d8e2668c1d
commit ce21926704
9 changed files with 268 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
less/glyphicons.less
View File

@@ -11,9 +11,9 @@
// Basic usage
//
// Since icons are fonts, they can be placed anywhere text is placed. To use,
// create an inline element with the appropriate class, like so:
// create an inline element with the appropriate classes, like so:
//
// <a href="#"><span class="glyphicon-star"></span> Star</a>
// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
//
// Use them in links, buttons, headings, and more.
@@ -31,7 +31,7 @@
}
// Catchall baseclass
[class^="glyphicon-"]:before {
.glyphicon:before {
font-family: 'Glyphicons Halflings';
font-style: normal;
line-height: 1;

32
less/tests/buttons.html
View File

@@ -40,13 +40,13 @@
Profile
</button>
<button class="btn btn-large" type="button">
<span class="glyphicon-user"></span> Profile
<span class="glyphicon glyphicon-user"></span> Profile
</button>
<button class="btn btn-large" type="button">
<span class="glyphicon-home"></span> Home
<span class="glyphicon glyphicon-home"></span> Home
</button>
<button class="btn btn-large" type="button">
<span class="glyphicon-link"></span> Link
<span class="glyphicon glyphicon-link"></span> Link
</button>
</p>
<p>
@@ -54,13 +54,13 @@
Profile
</button>
<button class="btn" type="button">
<span class="glyphicon-user"></span> Profile
<span class="glyphicon glyphicon-user"></span> Profile
</button>
<button class="btn" type="button">
<span class="glyphicon-home"></span> Home
<span class="glyphicon glyphicon-home"></span> Home
</button>
<button class="btn" type="button">
<span class="glyphicon-link"></span> Link
<span class="glyphicon glyphicon-link"></span> Link
</button>
</p>
<p>
@@ -68,13 +68,13 @@
Profile
</button>
<button class="btn btn-small" type="button">
<span class="glyphicon-user"></span> Profile
<span class="glyphicon glyphicon-user"></span> Profile
</button>
<button class="btn btn-small" type="button">
<span class="glyphicon-home"></span> Home
<span class="glyphicon glyphicon-home"></span> Home
</button>
<button class="btn btn-small" type="button">
<span class="glyphicon-link"></span> Link
<span class="glyphicon glyphicon-link"></span> Link
</button>
</p>
<p>
@@ -82,22 +82,22 @@
Profile
</button>
<button class="btn btn-mini" type="button">
<span class="glyphicon-user"></span> Profile
<span class="glyphicon glyphicon-user"></span> Profile
</button>
<button class="btn btn-mini" type="button">
<span class="glyphicon-home"></span> Home
<span class="glyphicon glyphicon-home"></span> Home
</button>
<button class="btn btn-mini" type="button">
<span class="glyphicon-link"></span> Link
<span class="glyphicon glyphicon-link"></span> Link
</button>
</p>
<div class="btn-toolbar">
<div class="btn-group">
<a class="btn" href="#"><i class="glyphicon-align-left"></i></a>
<a class="btn" href="#"><i class="glyphicon-align-center"></i></a>
<a class="btn" href="#"><i class="glyphicon-align-right"></i></a>
<a class="btn" href="#"><i class="glyphicon-align-justify"></i></a>
<a class="btn" href="#"><i class="glyphicon glyphicon-align-left"></i></a>
<a class="btn" href="#"><i class="glyphicon glyphicon-align-center"></i></a>
<a class="btn" href="#"><i class="glyphicon glyphicon-align-right"></i></a>
<a class="btn" href="#"><i class="glyphicon glyphicon-align-justify"></i></a>
</div>
</div>