aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-11-05 18:36:16 -0800
committerMark Otto <[email protected]>2012-11-05 18:36:16 -0800
commitcea2a701f04a418b6a4627c5215b0c268a213917 (patch)
treee6d2516dd9681c588f5492f14d1ae56cf2131775 /less
parent79b701722797d9f5b2e90825c0621d44c0ad6030 (diff)
downloadbootstrap-cea2a701f04a418b6a4627c5215b0c268a213917.tar.xz
bootstrap-cea2a701f04a418b6a4627c5215b0c268a213917.zip
adding new fonts and css for glyphicons update
Diffstat (limited to 'less')
-rw-r--r--less/sprites.less356
1 files changed, 178 insertions, 178 deletions
diff --git a/less/sprites.less b/less/sprites.less
index 9cd2ae3bf..e17e0a6fe 100644
--- a/less/sprites.less
+++ b/less/sprites.less
@@ -1,11 +1,7 @@
//
-// Sprites
+// Icon sprites
// --------------------------------------------------
-
-// ICONS
-// -----
-
// All icons receive the styles of the <i> tag with a base class
// of .i and are then given a unique class to add width, height,
// and background-position. Your resulting HTML will look like
@@ -14,180 +10,184 @@
// For the white version of the icons, just add the .icon-white class:
// <i class="icon-inbox icon-white"></i>
-[class^="icon-"],
-[class*=" icon-"] {
- display: inline-block;
- width: 14px;
- height: 14px;
- .ie7-restore-right-whitespace();
- line-height: 14px;
- vertical-align: text-top;
- background-image: url("@{iconSpritePath}");
- background-position: 14px 14px;
- background-repeat: no-repeat;
- margin-top: 1px;
+// Import the fonts
+@font-face {
+ font-family: 'Glyphicons Halflings';
+ src: url('../fonts/glyphiconshalflings-regular.eot');
+ src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/glyphiconshalflings-regular.woff') format('woff'),
+ url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'),
+ url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg');
+ font-style: normal;
+ font-weight: normal;
}
-/* White icons with optional class, or on hover/active states of certain elements */
-.icon-white,
-.nav-pills > .active > a > [class^="icon-"],
-.nav-pills > .active > a > [class*=" icon-"],
-.nav-list > .active > a > [class^="icon-"],
-.nav-list > .active > a > [class*=" icon-"],
-.navbar-inverse .nav > .active > a > [class^="icon-"],
-.navbar-inverse .nav > .active > a > [class*=" icon-"],
-.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"],
-.dropdown-menu > .active > a > [class^="icon-"],
-.dropdown-menu > .active > a > [class*=" icon-"],
-.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
- background-image: url("@{iconWhiteSpritePath}");
+// Catchall baseclass
+[class^="icon-"]:before,
+[class*="icon-"]:before {
+ font-family: 'Glyphicons Halflings';
+ font-style: normal;
+ line-height: 1;
}
-.icon-glass { background-position: 0 0; }
-.icon-music { background-position: -24px 0; }
-.icon-search { background-position: -48px 0; }
-.icon-envelope { background-position: -72px 0; }
-.icon-heart { background-position: -96px 0; }
-.icon-star { background-position: -120px 0; }
-.icon-star-empty { background-position: -144px 0; }
-.icon-user { background-position: -168px 0; }
-.icon-film { background-position: -192px 0; }
-.icon-th-large { background-position: -216px 0; }
-.icon-th { background-position: -240px 0; }
-.icon-th-list { background-position: -264px 0; }
-.icon-ok { background-position: -288px 0; }
-.icon-remove { background-position: -312px 0; }
-.icon-zoom-in { background-position: -336px 0; }
-.icon-zoom-out { background-position: -360px 0; }
-.icon-off { background-position: -384px 0; }
-.icon-signal { background-position: -408px 0; }
-.icon-cog { background-position: -432px 0; }
-.icon-trash { background-position: -456px 0; }
-
-.icon-home { background-position: 0 -24px; }
-.icon-file { background-position: -24px -24px; }
-.icon-time { background-position: -48px -24px; }
-.icon-road { background-position: -72px -24px; }
-.icon-download-alt { background-position: -96px -24px; }
-.icon-download { background-position: -120px -24px; }
-.icon-upload { background-position: -144px -24px; }
-.icon-inbox { background-position: -168px -24px; }
-.icon-play-circle { background-position: -192px -24px; }
-.icon-repeat { background-position: -216px -24px; }
-.icon-refresh { background-position: -240px -24px; }
-.icon-list-alt { background-position: -264px -24px; }
-.icon-lock { background-position: -287px -24px; } // 1px off
-.icon-flag { background-position: -312px -24px; }
-.icon-headphones { background-position: -336px -24px; }
-.icon-volume-off { background-position: -360px -24px; }
-.icon-volume-down { background-position: -384px -24px; }
-.icon-volume-up { background-position: -408px -24px; }
-.icon-qrcode { background-position: -432px -24px; }
-.icon-barcode { background-position: -456px -24px; }
-
-.icon-tag { background-position: 0 -48px; }
-.icon-tags { background-position: -25px -48px; } // 1px off
-.icon-book { background-position: -48px -48px; }
-.icon-bookmark { background-position: -72px -48px; }
-.icon-print { background-position: -96px -48px; }
-.icon-camera { background-position: -120px -48px; }
-.icon-font { background-position: -144px -48px; }
-.icon-bold { background-position: -167px -48px; } // 1px off
-.icon-italic { background-position: -192px -48px; }
-.icon-text-height { background-position: -216px -48px; }
-.icon-text-width { background-position: -240px -48px; }
-.icon-align-left { background-position: -264px -48px; }
-.icon-align-center { background-position: -288px -48px; }
-.icon-align-right { background-position: -312px -48px; }
-.icon-align-justify { background-position: -336px -48px; }
-.icon-list { background-position: -360px -48px; }
-.icon-indent-left { background-position: -384px -48px; }
-.icon-indent-right { background-position: -408px -48px; }
-.icon-facetime-video { background-position: -432px -48px; }
-.icon-picture { background-position: -456px -48px; }
-
-.icon-pencil { background-position: 0 -72px; }
-.icon-map-marker { background-position: -24px -72px; }
-.icon-adjust { background-position: -48px -72px; }
-.icon-tint { background-position: -72px -72px; }
-.icon-edit { background-position: -96px -72px; }
-.icon-share { background-position: -120px -72px; }
-.icon-check { background-position: -144px -72px; }
-.icon-move { background-position: -168px -72px; }
-.icon-step-backward { background-position: -192px -72px; }
-.icon-fast-backward { background-position: -216px -72px; }
-.icon-backward { background-position: -240px -72px; }
-.icon-play { background-position: -264px -72px; }
-.icon-pause { background-position: -288px -72px; }
-.icon-stop { background-position: -312px -72px; }
-.icon-forward { background-position: -336px -72px; }
-.icon-fast-forward { background-position: -360px -72px; }
-.icon-step-forward { background-position: -384px -72px; }
-.icon-eject { background-position: -408px -72px; }
-.icon-chevron-left { background-position: -432px -72px; }
-.icon-chevron-right { background-position: -456px -72px; }
-
-.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-left { background-position: -240px -96px; }
-.icon-arrow-right { background-position: -264px -96px; }
-.icon-arrow-up { background-position: -289px -96px; } // 1px off
-.icon-arrow-down { background-position: -312px -96px; }
-.icon-share-alt { background-position: -336px -96px; }
-.icon-resize-full { background-position: -360px -96px; }
-.icon-resize-small { background-position: -384px -96px; }
-.icon-plus { background-position: -408px -96px; }
-.icon-minus { 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; width: 16px; }
-.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; } // 1px, 1px off
-.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: -408px -120px; width: 16px; }
-.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
-.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
-
-.icon-hdd { background-position: 0 -144px; }
-.icon-bullhorn { background-position: -24px -144px; }
-.icon-bell { background-position: -48px -144px; }
-.icon-certificate { background-position: -72px -144px; }
-.icon-thumbs-up { background-position: -96px -144px; }
-.icon-thumbs-down { background-position: -120px -144px; }
-.icon-hand-right { background-position: -144px -144px; }
-.icon-hand-left { background-position: -168px -144px; }
-.icon-hand-up { background-position: -192px -144px; }
-.icon-hand-down { background-position: -216px -144px; }
-.icon-circle-arrow-right { background-position: -240px -144px; }
-.icon-circle-arrow-left { background-position: -264px -144px; }
-.icon-circle-arrow-up { background-position: -288px -144px; }
-.icon-circle-arrow-down { background-position: -312px -144px; }
-.icon-globe { background-position: -336px -144px; }
-.icon-wrench { background-position: -360px -144px; }
-.icon-tasks { background-position: -384px -144px; }
-.icon-filter { background-position: -408px -144px; }
-.icon-briefcase { background-position: -432px -144px; }
-.icon-fullscreen { background-position: -456px -144px; }
+// Individual icons
+.icon-glass:before { content: "\e001"; }
+.icon-music:before { content: "\e002"; }
+.icon-search:before { content: "\e003"; }
+.icon-envelope:before { content: "\2709"; }
+.icon-heart:before { content: "\e005"; }
+.icon-star:before { content: "\e006"; }
+.icon-star-empty:before { content: "\e007"; }
+.icon-user:before { content: "\e008"; }
+.icon-film:before { content: "\e009"; }
+.icon-th-large:before { content: "\e010"; }
+.icon-th:before { content: "\e011"; }
+.icon-th-list:before { content: "\e012"; }
+.icon-ok:before { content: "\e013"; }
+.icon-remove:before { content: "\e014"; }
+.icon-zoom-in:before { content: "\e015"; }
+.icon-zoom-out:before { content: "\e016"; }
+.icon-off:before { content: "\e017"; }
+.icon-signal:before { content: "\e018"; }
+.icon-cog:before { content: "\e019"; }
+.icon-trash:before { content: "\e020"; }
+.icon-home:before { content: "\e021"; }
+.icon-file:before { content: "\e022"; }
+.icon-time:before { content: "\e023"; }
+.icon-road:before { content: "\e024"; }
+.icon-download-alt:before { content: "\e025"; }
+.icon-download:before { content: "\e026"; }
+.icon-upload:before { content: "\e027"; }
+.icon-inbox:before { content: "\e028"; }
+.icon-play-circle:before { content: "\e029"; }
+.icon-repeat:before { content: "\e030"; }
+.icon-refresh:before { content: "\e031"; }
+.icon-list-alt:before { content: "\e032"; }
+.icon-lock:before { content: "\e033"; }
+.icon-flag:before { content: "\e034"; }
+.icon-headphones:before { content: "\e035"; }
+.icon-volume-off:before { content: "\e036"; }
+.icon-volume-down:before { content: "\e037"; }
+.icon-volume-up:before { content: "\e038"; }
+.icon-qrcode:before { content: "\e039"; }
+.icon-barcode:before { content: "\e040"; }
+.icon-tag:before { content: "\e041"; }
+.icon-tags:before { content: "\e042"; }
+.icon-book:before { content: "\e043"; }
+.icon-bookmark:before { content: "\e044"; }
+.icon-print:before { content: "\e045"; }
+.icon-camera:before { content: "\e046"; }
+.icon-font:before { content: "\e047"; }
+.icon-bold:before { content: "\e048"; }
+.icon-italic:before { content: "\e049"; }
+.icon-text-height:before { content: "\e050"; }
+.icon-text-width:before { content: "\e051"; }
+.icon-align-left:before { content: "\e052"; }
+.icon-align-center:before { content: "\e053"; }
+.icon-align-right:before { content: "\e054"; }
+.icon-align-justify:before { content: "\e055"; }
+.icon-list:before { content: "\e056"; }
+.icon-indent-left:before { content: "\e057"; }
+.icon-indent-right:before { content: "\e058"; }
+.icon-facetime-video:before { content: "\e059"; }
+.icon-picture:before { content: "\e060"; }
+.icon-pencil:before { content: "\270f"; }
+.icon-map-marker:before { content: "\e062"; }
+.icon-adjust:before { content: "\e063"; }
+.icon-tint:before { content: "\e064"; }
+.icon-edit:before { content: "\e065"; }
+.icon-share:before { content: "\e066"; }
+.icon-check:before { content: "\e067"; }
+.icon-move:before { content: "\e068"; }
+.icon-step-backward:before { content: "\e069"; }
+.icon-fast-backward:before { content: "\e070"; }
+.icon-backward:before { content: "\e071"; }
+.icon-play:before { content: "\e072"; }
+.icon-pause:before { content: "\e073"; }
+.icon-stop:before { content: "\e074"; }
+.icon-forward:before { content: "\e075"; }
+.icon-fast-forward:before { content: "\e076"; }
+.icon-step-forward:before { content: "\e077"; }
+.icon-eject:before { content: "\e078"; }
+.icon-chevron-left:before { content: "\e079"; }
+.icon-chevron-right:before { content: "\e080"; }
+.icon-plus-sign:before { content: "\e081"; }
+.icon-minus-sign:before { content: "\e082"; }
+.icon-remove-sign:before { content: "\e083"; }
+.icon-ok-sign:before { content: "\e084"; }
+.icon-question-sign:before { content: "\e085"; }
+.icon-info-sign:before { content: "\e086"; }
+.icon-screenshot:before { content: "\e087"; }
+.icon-remove-circle:before { content: "\e088"; }
+.icon-ok-circle:before { content: "\e089"; }
+.icon-ban-circle:before { content: "\e090"; }
+.icon-arrow-left:before { content: "\e091"; }
+.icon-arrow-right:before { content: "\e092"; }
+.icon-arrow-up:before { content: "\e093"; }
+.icon-arrow-down:before { content: "\e094"; }
+.icon-share-alt:before { content: "\e095"; }
+.icon-resize-full:before { content: "\e096"; }
+.icon-resize-small:before { content: "\e097"; }
+.icon-plus:before { content: "\002b"; }
+.icon-minus:before { content: "\2212"; }
+.icon-asterisk:before { content: "\002a"; }
+.icon-exclamation-sign:before { content: "\e101"; }
+.icon-gift:before { content: "\e102"; }
+.icon-leaf:before { content: "\e103"; }
+.icon-fire:before { content: "\e104"; }
+.icon-eye-open:before { content: "\e105"; }
+.icon-eye-close:before { content: "\e106"; }
+.icon-warning-sign:before { content: "\e107"; }
+.icon-plane:before { content: "\e108"; }
+.icon-calendar:before { content: "\e109"; }
+.icon-random:before { content: "\e110"; }
+.icon-comment:before { content: "\e111"; }
+.icon-magnet:before { content: "\e112"; }
+.icon-chevron-up:before { content: "\e113"; }
+.icon-chevron-down:before { content: "\e114"; }
+.icon-retweet:before { content: "\e115"; }
+.icon-shopping-cart:before { content: "\e116"; }
+.icon-folder-close:before { content: "\e117"; }
+.icon-folder-open:before { content: "\e118"; }
+.icon-resize-vertical:before { content: "\e119"; }
+.icon-resize-horizontal:before { content: "\e120"; }
+.icon-hdd:before { content: "\e121"; }
+.icon-bullhorn:before { content: "\e122"; }
+.icon-bell:before { content: "\e123"; }
+.icon-certificate:before { content: "\e124"; }
+.icon-thumbs-up:before { content: "\e125"; }
+.icon-thumbs-down:before { content: "\e126"; }
+.icon-hand-right:before { content: "\e127"; }
+.icon-hand-left:before { content: "\e128"; }
+.icon-hand-up:before { content: "\e129"; }
+.icon-hand-down:before { content: "\e130"; }
+.icon-circle-arrow-right:before { content: "\e131"; }
+.icon-circle-arrow-left:before { content: "\e132"; }
+.icon-circle-arrow-up:before { content: "\e133"; }
+.icon-circle-arrow-down:before { content: "\e134"; }
+.icon-globe:before { content: "\e135"; }
+.icon-wrench:before { content: "\e136"; }
+.icon-tasks:before { content: "\e137"; }
+.icon-filter:before { content: "\e138"; }
+.icon-briefcase:before { content: "\e139"; }
+.icon-fullscreen:before { content: "\e140"; }
+.icon-dashboard:before { content: "\e141"; }
+.icon-paperclip:before { content: "\e142"; }
+.icon-heart-empty:before { content: "\e143"; }
+.icon-link:before { content: "\e144"; }
+.icon-phone:before { content: "\e145"; }
+.icon-pushpin:before { content: "\e146"; }
+.icon-euro:before { content: "\20ac"; }
+.icon-usd:before { content: "\e148"; }
+.icon-gbp:before { content: "\e149"; }
+.icon-sort:before { content: "\e150"; }
+.icon-sort-by-alphabet:before { content: "\e151"; }
+.icon-sort-by-alphabet-alt:before { content: "\e152"; }
+.icon-sort-by-order:before { content: "\e153"; }
+.icon-sort-by-order-alt:before { content: "\e154"; }
+.icon-sort-by-attributes:before { content: "\e155"; }
+.icon-sort-by-attributes-alt:before { content: "\e156"; }
+.icon-unchecked:before { content: "\e157"; }
+.icon-expand:before { content: "\e158"; }
+.icon-collapse:before { content: "\e159"; }
+.icon-collapse-top:before { content: "\e160"; }