2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-02 16:04:07 +03:00

Updating to latest version of Glyphicons Halflings set (v.1.5) along with some icon enhancements like:

- Updated the Gylphicons Halflings set to version 1.5 (30 new icons)
- Optimized the sprite PNG files for minimum filesize without any quality loss
- Made some fixes for horizontal alignment at the LESS/CSS level (tags, bold, arrow-up, minus, chevron-down)
- Made some fixes for vertical alignment at the LESS/CSS level (chevron-down, resize-vertical, resize-horizontal)
- Renamed the old "calendar" class as "list-alt" class (because now we've a real calendar icon)
- Changed the "background-position" of the icon class to "14px 14px", so that a wrong class name will not be showing the glass icon and instead will show a blank icon (which is useful for just positioning the text after the icons in some cases)
- Added new icons (classes) to the base-css Docs (to both HTML file and Mustache template)
- Changed one of the button examples to danger style and used a white icon
- Renamed the sprite image files to save a few bytes here and there (from glyphicons-halflings-sprite.png to lyphicons-halflings.png and from glyphicons-halflings-sprite-white.png to glyphicons-halflings-white.png)
This commit is contained in:
Burak Tuyan
2012-01-27 16:33:18 +02:00
parent 11d7ef1515
commit 942d1b4595
12 changed files with 234 additions and 52 deletions
+99 -9
View File
@@ -1066,8 +1066,8 @@ table .span12 {
margin-left: 0;
}
.icon {
background-image: url(../img/glyphicons-halflings-sprite.png);
background-position: 0 0;
background-image: url(../img/glyphicons-halflings.png);
background-position: 14px 14px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: text-top;
@@ -1075,10 +1075,10 @@ table .span12 {
height: 14px;
}
.icon.white {
background-image: url(../img/glyphicons-halflings-sprite-white.png);
background-image: url(../img/glyphicons-halflings-white.png);
}
.icon.glass {
background-position: 0 0;
background-position: 0 0;
}
.icon.music {
background-position: -24px 0;
@@ -1170,7 +1170,7 @@ table .span12 {
.icon.refresh {
background-position: -240px -24px;
}
.icon.calendar {
.icon.list-alt {
background-position: -264px -24px;
}
.icon.lock {
@@ -1201,7 +1201,7 @@ table .span12 {
background-position: 0 -48px;
}
.icon.tags {
background-position: -24px -48px;
background-position: -25px -48px;
}
.icon.book {
background-position: -48px -48px;
@@ -1219,7 +1219,7 @@ table .span12 {
background-position: -144px -48px;
}
.icon.bold {
background-position: -168px -48px;
background-position: -167px -48px;
}
.icon.italic {
background-position: -192px -48px;
@@ -1320,11 +1320,41 @@ table .span12 {
.icon.arrow-left {
background-position: -240px -96px;
}
.icon.plus-sign {
background-position: 0 -96px;
}
.icon.minus-sign {
background-position: -24px -96px;
}
.icon.remove-sign {
background-position: -48px -96px;
}
.icon.ok-sign {
background-position: -72px -96px;
}
.icon.question-sign {
background-position: -96px -96px;
}
.icon.info-sign {
background-position: -120px -96px;
}
.icon.screenshot {
background-position: -144px -96px;
}
.icon.remove-circle {
background-position: -168px -96px;
}
.icon.ok-circle {
background-position: -192px -96px;
}
.icon.ban-circle {
background-position: -216px -96px;
}
.icon.arrow-right {
background-position: -264px -96px;
}
.icon.arrow-up {
background-position: -288px -96px;
background-position: -289px -96px;
}
.icon.arrow-down {
background-position: -312px -96px;
@@ -1342,11 +1372,71 @@ table .span12 {
background-position: -408px -96px;
}
.icon.minus {
background-position: -432px -96px;
background-position: -433px -96px;
}
.icon.asterisk {
background-position: -456px -96px;
}
.icon.exclamation-sign {
background-position: 0 -120px;
}
.icon.gift {
background-position: -24px -120px;
}
.icon.leaf {
background-position: -48px -120px;
}
.icon.fire {
background-position: -72px -120px;
}
.icon.eye-open {
background-position: -96px -120px;
}
.icon.eye-close {
background-position: -120px -120px;
}
.icon.warning-sign {
background-position: -144px -120px;
}
.icon.plane {
background-position: -168px -120px;
}
.icon.calendar {
background-position: -192px -120px;
}
.icon.random {
background-position: -216px -120px;
}
.icon.comment {
background-position: -240px -120px;
}
.icon.magnet {
background-position: -264px -120px;
}
.icon.chevron-up {
background-position: -288px -120px;
}
.icon.chevron-down {
background-position: -313px -119px;
}
.icon.retweet {
background-position: -336px -120px;
}
.icon.shopping-cart {
background-position: -360px -120px;
}
.icon.folder-close {
background-position: -384px -120px;
}
.icon.folder-open {
background-position: -409px -120px;
}
.icon.resize-vertical {
background-position: -432px -119px;
}
.icon.resize-horizontal {
background-position: -456px -118px;
}
.dropdown {
position: relative;
}