less/glyphicons.less

   1 //
   2 // Glyphicons for Bootstrap
   3 //
   4 // Since icons are fonts, they can be placed anywhere text is placed and are
   5 // thus automatically sized to match the surrounding child. To use, create an
   6 // inline element with the appropriate classes, like so:
   7 //
   8 // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
   9
  10 // Import the fonts
  11 @font-face {
  12   font-family: 'Glyphicons Halflings';
  13   src: url('@{icon-font-path}@{icon-font-name}.eot');
  14   src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
  15        url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
  16        url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
  17        url('@{icon-font-path}@{icon-font-name}.svg#glyphicons_halflingsregular') format('svg');
  18 }
  19
  20 // Catchall baseclass
  21 .glyphicon {
  22   position: relative;
  23   top: 1px;
  24   display: inline-block;
  25   font-family: 'Glyphicons Halflings';
  26   font-style: normal;
  27   font-weight: normal;
  28   line-height: 1;
  29   -webkit-font-smoothing: antialiased;
  30   -moz-osx-font-smoothing: grayscale;
  31
  32   &:empty {
  33     width: 1em;
  34   }
  35 }
  36
  37 // Individual icons
  38 .glyphicon-asterisk               { &:before { content: "\2a"; } }
  39 .glyphicon-plus                   { &:before { content: "\2b"; } }
  40 .glyphicon-euro                   { &:before { content: "\20ac"; } }
  41 .glyphicon-minus                  { &:before { content: "\2212"; } }
  42 .glyphicon-cloud                  { &:before { content: "\2601"; } }
  43 .glyphicon-envelope               { &:before { content: "\2709"; } }
  44 .glyphicon-pencil                 { &:before { content: "\270f"; } }
  45 .glyphicon-glass                  { &:before { content: "\e001"; } }
  46 .glyphicon-music                  { &:before { content: "\e002"; } }
  47 .glyphicon-search                 { &:before { content: "\e003"; } }
  48 .glyphicon-heart                  { &:before { content: "\e005"; } }
  49 .glyphicon-star                   { &:before { content: "\e006"; } }
  50 .glyphicon-star-empty             { &:before { content: "\e007"; } }
  51 .glyphicon-user                   { &:before { content: "\e008"; } }
  52 .glyphicon-film                   { &:before { content: "\e009"; } }
  53 .glyphicon-th-large               { &:before { content: "\e010"; } }
  54 .glyphicon-th                     { &:before { content: "\e011"; } }
  55 .glyphicon-th-list                { &:before { content: "\e012"; } }
  56 .glyphicon-ok                     { &:before { content: "\e013"; } }
  57 .glyphicon-remove                 { &:before { content: "\e014"; } }
  58 .glyphicon-zoom-in                { &:before { content: "\e015"; } }
  59 .glyphicon-zoom-out               { &:before { content: "\e016"; } }
  60 .glyphicon-off                    { &:before { content: "\e017"; } }
  61 .glyphicon-signal                 { &:before { content: "\e018"; } }
  62 .glyphicon-cog                    { &:before { content: "\e019"; } }
  63 .glyphicon-trash                  { &:before { content: "\e020"; } }
  64 .glyphicon-home                   { &:before { content: "\e021"; } }
  65 .glyphicon-file                   { &:before { content: "\e022"; } }
  66 .glyphicon-time                   { &:before { content: "\e023"; } }
  67 .glyphicon-road                   { &:before { content: "\e024"; } }
  68 .glyphicon-download-alt           { &:before { content: "\e025"; } }
  69 .glyphicon-download               { &:before { content: "\e026"; } }
  70 .glyphicon-upload                 { &:before { content: "\e027"; } }
  71 .glyphicon-inbox                  { &:before { content: "\e028"; } }
  72 .glyphicon-play-circle            { &:before { content: "\e029"; } }
  73 .glyphicon-repeat                 { &:before { content: "\e030"; } }
  74 .glyphicon-refresh                { &:before { content: "\e031"; } }
  75 .glyphicon-list-alt               { &:before { content: "\e032"; } }
  76 .glyphicon-lock                   { &:before { content: "\e033"; } }
  77 .glyphicon-flag                   { &:before { content: "\e034"; } }
  78 .glyphicon-headphones             { &:before { content: "\e035"; } }
  79 .glyphicon-volume-off             { &:before { content: "\e036"; } }
  80 .glyphicon-volume-down            { &:before { content: "\e037"; } }
  81 .glyphicon-volume-up              { &:before { content: "\e038"; } }
  82 .glyphicon-qrcode                 { &:before { content: "\e039"; } }
  83 .glyphicon-barcode                { &:before { content: "\e040"; } }
  84 .glyphicon-tag                    { &:before { content: "\e041"; } }
  85 .glyphicon-tags                   { &:before { content: "\e042"; } }
  86 .glyphicon-book                   { &:before { content: "\e043"; } }
  87 .glyphicon-bookmark               { &:before { content: "\e044"; } }
  88 .glyphicon-print                  { &:before { content: "\e045"; } }
  89 .glyphicon-camera                 { &:before { content: "\e046"; } }
  90 .glyphicon-font                   { &:before { content: "\e047"; } }
  91 .glyphicon-bold                   { &:before { content: "\e048"; } }
  92 .glyphicon-italic                 { &:before { content: "\e049"; } }
  93 .glyphicon-text-height            { &:before { content: "\e050"; } }
  94 .glyphicon-text-width             { &:before { content: "\e051"; } }
  95 .glyphicon-align-left             { &:before { content: "\e052"; } }
  96 .glyphicon-align-center           { &:before { content: "\e053"; } }
  97 .glyphicon-align-right            { &:before { content: "\e054"; } }
  98 .glyphicon-align-justify          { &:before { content: "\e055"; } }
  99 .glyphicon-list                   { &:before { content: "\e056"; } }
 100 .glyphicon-indent-left            { &:before { content: "\e057"; } }
 101 .glyphicon-indent-right           { &:before { content: "\e058"; } }
 102 .glyphicon-facetime-video         { &:before { content: "\e059"; } }
 103 .glyphicon-picture                { &:before { content: "\e060"; } }
 104 .glyphicon-map-marker             { &:before { content: "\e062"; } }
 105 .glyphicon-adjust                 { &:before { content: "\e063"; } }
 106 .glyphicon-tint                   { &:before { content: "\e064"; } }
 107 .glyphicon-edit                   { &:before { content: "\e065"; } }
 108 .glyphicon-share                  { &:before { content: "\e066"; } }
 109 .glyphicon-check                  { &:before { content: "\e067"; } }
 110 .glyphicon-move                   { &:before { content: "\e068"; } }
 111 .glyphicon-step-backward          { &:before { content: "\e069"; } }
 112 .glyphicon-fast-backward          { &:before { content: "\e070"; } }
 113 .glyphicon-backward               { &:before { content: "\e071"; } }
 114 .glyphicon-play                   { &:before { content: "\e072"; } }
 115 .glyphicon-pause                  { &:before { content: "\e073"; } }
 116 .glyphicon-stop                   { &:before { content: "\e074"; } }
 117 .glyphicon-forward                { &:before { content: "\e075"; } }
 118 .glyphicon-fast-forward           { &:before { content: "\e076"; } }
 119 .glyphicon-step-forward           { &:before { content: "\e077"; } }
 120 .glyphicon-eject                  { &:before { content: "\e078"; } }
 121 .glyphicon-chevron-left           { &:before { content: "\e079"; } }
 122 .glyphicon-chevron-right          { &:before { content: "\e080"; } }
 123 .glyphicon-plus-sign              { &:before { content: "\e081"; } }
 124 .glyphicon-minus-sign             { &:before { content: "\e082"; } }
 125 .glyphicon-remove-sign            { &:before { content: "\e083"; } }
 126 .glyphicon-ok-sign                { &:before { content: "\e084"; } }
 127 .glyphicon-question-sign          { &:before { content: "\e085"; } }
 128 .glyphicon-info-sign              { &:before { content: "\e086"; } }
 129 .glyphicon-screenshot             { &:before { content: "\e087"; } }
 130 .glyphicon-remove-circle          { &:before { content: "\e088"; } }
 131 .glyphicon-ok-circle              { &:before { content: "\e089"; } }
 132 .glyphicon-ban-circle             { &:before { content: "\e090"; } }
 133 .glyphicon-arrow-left             { &:before { content: "\e091"; } }
 134 .glyphicon-arrow-right            { &:before { content: "\e092"; } }
 135 .glyphicon-arrow-up               { &:before { content: "\e093"; } }
 136 .glyphicon-arrow-down             { &:before { content: "\e094"; } }
 137 .glyphicon-share-alt              { &:before { content: "\e095"; } }
 138 .glyphicon-resize-full            { &:before { content: "\e096"; } }
 139 .glyphicon-resize-small           { &:before { content: "\e097"; } }
 140 .glyphicon-exclamation-sign       { &:before { content: "\e101"; } }
 141 .glyphicon-gift                   { &:before { content: "\e102"; } }
 142 .glyphicon-leaf                   { &:before { content: "\e103"; } }
 143 .glyphicon-fire                   { &:before { content: "\e104"; } }
 144 .glyphicon-eye-open               { &:before { content: "\e105"; } }
 145 .glyphicon-eye-close              { &:before { content: "\e106"; } }
 146 .glyphicon-warning-sign           { &:before { content: "\e107"; } }
 147 .glyphicon-plane                  { &:before { content: "\e108"; } }
 148 .glyphicon-calendar               { &:before { content: "\e109"; } }
 149 .glyphicon-random                 { &:before { content: "\e110"; } }
 150 .glyphicon-comment                { &:before { content: "\e111"; } }
 151 .glyphicon-magnet                 { &:before { content: "\e112"; } }
 152 .glyphicon-chevron-up             { &:before { content: "\e113"; } }
 153 .glyphicon-chevron-down           { &:before { content: "\e114"; } }
 154 .glyphicon-retweet                { &:before { content: "\e115"; } }
 155 .glyphicon-shopping-cart          { &:before { content: "\e116"; } }
 156 .glyphicon-folder-close           { &:before { content: "\e117"; } }
 157 .glyphicon-folder-open            { &:before { content: "\e118"; } }
 158 .glyphicon-resize-vertical        { &:before { content: "\e119"; } }
 159 .glyphicon-resize-horizontal      { &:before { content: "\e120"; } }
 160 .glyphicon-hdd                    { &:before { content: "\e121"; } }
 161 .glyphicon-bullhorn               { &:before { content: "\e122"; } }
 162 .glyphicon-bell                   { &:before { content: "\e123"; } }
 163 .glyphicon-certificate            { &:before { content: "\e124"; } }
 164 .glyphicon-thumbs-up              { &:before { content: "\e125"; } }
 165 .glyphicon-thumbs-down            { &:before { content: "\e126"; } }
 166 .glyphicon-hand-right             { &:before { content: "\e127"; } }
 167 .glyphicon-hand-left              { &:before { content: "\e128"; } }
 168 .glyphicon-hand-up                { &:before { content: "\e129"; } }
 169 .glyphicon-hand-down              { &:before { content: "\e130"; } }
 170 .glyphicon-circle-arrow-right     { &:before { content: "\e131"; } }
 171 .glyphicon-circle-arrow-left      { &:before { content: "\e132"; } }
 172 .glyphicon-circle-arrow-up        { &:before { content: "\e133"; } }
 173 .glyphicon-circle-arrow-down      { &:before { content: "\e134"; } }
 174 .glyphicon-globe                  { &:before { content: "\e135"; } }
 175 .glyphicon-wrench                 { &:before { content: "\e136"; } }
 176 .glyphicon-tasks                  { &:before { content: "\e137"; } }
 177 .glyphicon-filter                 { &:before { content: "\e138"; } }
 178 .glyphicon-briefcase              { &:before { content: "\e139"; } }
 179 .glyphicon-fullscreen             { &:before { content: "\e140"; } }
 180 .glyphicon-dashboard              { &:before { content: "\e141"; } }
 181 .glyphicon-paperclip              { &:before { content: "\e142"; } }
 182 .glyphicon-heart-empty            { &:before { content: "\e143"; } }
 183 .glyphicon-link                   { &:before { content: "\e144"; } }
 184 .glyphicon-phone                  { &:before { content: "\e145"; } }
 185 .glyphicon-pushpin                { &:before { content: "\e146"; } }
 186 .glyphicon-usd                    { &:before { content: "\e148"; } }
 187 .glyphicon-gbp                    { &:before { content: "\e149"; } }
 188 .glyphicon-sort                   { &:before { content: "\e150"; } }
 189 .glyphicon-sort-by-alphabet       { &:before { content: "\e151"; } }
 190 .glyphicon-sort-by-alphabet-alt   { &:before { content: "\e152"; } }
 191 .glyphicon-sort-by-order          { &:before { content: "\e153"; } }
 192 .glyphicon-sort-by-order-alt      { &:before { content: "\e154"; } }
 193 .glyphicon-sort-by-attributes     { &:before { content: "\e155"; } }
 194 .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
 195 .glyphicon-unchecked              { &:before { content: "\e157"; } }
 196 .glyphicon-expand                 { &:before { content: "\e158"; } }
 197 .glyphicon-collapse-down          { &:before { content: "\e159"; } }
 198 .glyphicon-collapse-up            { &:before { content: "\e160"; } }
 199 .glyphicon-log-in                 { &:before { content: "\e161"; } }
 200 .glyphicon-flash                  { &:before { content: "\e162"; } }
 201 .glyphicon-log-out                { &:before { content: "\e163"; } }
 202 .glyphicon-new-window             { &:before { content: "\e164"; } }
 203 .glyphicon-record                 { &:before { content: "\e165"; } }
 204 .glyphicon-save                   { &:before { content: "\e166"; } }
 205 .glyphicon-open                   { &:before { content: "\e167"; } }
 206 .glyphicon-saved                  { &:before { content: "\e168"; } }
 207 .glyphicon-import                 { &:before { content: "\e169"; } }
 208 .glyphicon-export                 { &:before { content: "\e170"; } }
 209 .glyphicon-send                   { &:before { content: "\e171"; } }
 210 .glyphicon-floppy-disk            { &:before { content: "\e172"; } }
 211 .glyphicon-floppy-saved           { &:before { content: "\e173"; } }
 212 .glyphicon-floppy-remove          { &:before { content: "\e174"; } }
 213 .glyphicon-floppy-save            { &:before { content: "\e175"; } }
 214 .glyphicon-floppy-open            { &:before { content: "\e176"; } }
 215 .glyphicon-credit-card            { &:before { content: "\e177"; } }
 216 .glyphicon-transfer               { &:before { content: "\e178"; } }
 217 .glyphicon-cutlery                { &:before { content: "\e179"; } }
 218 .glyphicon-header                 { &:before { content: "\e180"; } }
 219 .glyphicon-compressed             { &:before { content: "\e181"; } }
 220 .glyphicon-earphone               { &:before { content: "\e182"; } }
 221 .glyphicon-phone-alt              { &:before { content: "\e183"; } }
 222 .glyphicon-tower                  { &:before { content: "\e184"; } }
 223 .glyphicon-stats                  { &:before { content: "\e185"; } }
 224 .glyphicon-sd-video               { &:before { content: "\e186"; } }
 225 .glyphicon-hd-video               { &:before { content: "\e187"; } }
 226 .glyphicon-subtitles              { &:before { content: "\e188"; } }
 227 .glyphicon-sound-stereo           { &:before { content: "\e189"; } }
 228 .glyphicon-sound-dolby            { &:before { content: "\e190"; } }
 229 .glyphicon-sound-5-1              { &:before { content: "\e191"; } }
 230 .glyphicon-sound-6-1              { &:before { content: "\e192"; } }
 231 .glyphicon-sound-7-1              { &:before { content: "\e193"; } }
 232 .glyphicon-copyright-mark         { &:before { content: "\e194"; } }
 233 .glyphicon-registration-mark      { &:before { content: "\e195"; } }
 234 .glyphicon-cloud-download         { &:before { content: "\e197"; } }
 235 .glyphicon-cloud-upload           { &:before { content: "\e198"; } }
 236 .glyphicon-tree-conifer           { &:before { content: "\e199"; } }
 237 .glyphicon-tree-deciduous         { &:before { content: "\e200"; } }