converted less to sass, with some ability to use each icon as a mixin

This commit is contained in:
Zenobius Jiricek 2013-05-11 09:07:49 +09:30
parent a4612d8b81
commit 0a92611bdc
9 changed files with 2058 additions and 0 deletions

View File

@ -0,0 +1,85 @@
/* BOOTSTRAP SPECIFIC CLASSES
* -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"]
display: inline
width: auto
height: auto
line-height: normal
vertical-align: baseline
background-image: none
background-position: 0% 0%
background-repeat: repeat
margin-top: 0
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a,
.nav-pills > .active > a,
.nav-list > .active > a,
.nav-list > .active > a,
.navbar-inverse .nav > .active > a,
.navbar-inverse .nav > .active > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a,
.dropdown-submenu:hover > a,
.dropdown-submenu:hover > a
& > [class^="icon-"], & > [class*=" icon-"]
background-image: none
/* keeps Bootstrap styles with and without icons the same */
.btn, .nav
[class^="icon-"],
[class*=" icon-"]
&.icon-large
line-height: .9em
&.icon-spin
display: inline-block
.nav-tabs, .nav-pills
[class^="icon-"],
[class*=" icon-"]
&, &.icon-large
line-height: .9em
.btn
[class^="icon-"],
[class*=" icon-"]
&.pull-left, &.pull-right
&.icon-2x
margin-top: .18em
&.icon-spin.icon-large
line-height: .8em
.btn.btn-small
[class^="icon-"],
[class*=" icon-"]
&.pull-left, &.pull-right
&.icon-2x
margin-top: .25em
.btn.btn-large
[class^="icon-"],
[class*=" icon-"]
margin-top: 0 // overrides bootstrap default
&.pull-left, &.pull-right
&.icon-2x
margin-top: .05em
&.pull-left.icon-2x
margin-right: .2em
&.pull-right.icon-2x
margin-left: .2em

View File

@ -0,0 +1,132 @@
/* FONT AWESOME CORE
* -------------------------- */
[class^="icon-"],
[class*=" icon-"]
font-family: FontAwesome
font-weight: normal
font-style: normal
text-decoration: inherit
-webkit-font-smoothing: antialiased
*margin-right: .3em // fixes ie7 issues
[class^="icon-"]:before,
[class*=" icon-"]:before
text-decoration: inherit
display: inline-block
speak: none
/* makes the font 33% larger relative to the icon container */
.icon-large:before
vertical-align: -10%
font-size: 4/3em
/* makes sure icons active on rollover in links */
a
[class^="icon-"], [class*=" icon-"]
&, &:before
display: inline
/* increased font size for icon-large */
[class^="icon-"],
[class*=" icon-"]
&.icon-fixed-width
display: inline-block
width: 18/14em
text-align: center
&.icon-large
width: 22/14em
ul.icons-ul
list-style-type: none
text-indent: -10/14em
margin-left: 30/14em
> li
.icon-li
width: 10/14em
display: inline-block
text-align: center
// allows usage of the hide class directly on font awesome icons
[class^="icon-"],
[class*=" icon-"]
&.hide
display: none
.icon-muted
color: $iconMuted
.icon-light
color: $iconLight
.icon-dark
color: $iconDark
// Icon Borders
// -------------------------
.icon-border
border: solid 1px $borderColor
padding: .2em .25em .15em
+border-radius(3px)
// Icon Sizes
// -------------------------
.icon-2x
font-size: 2em
&.icon-border
border-width: 2px
+border-radius(4px)
.icon-3x
font-size: 3em
&.icon-border
border-width: 3px
+border-radius(5px)
.icon-4x
font-size: 4em
&.icon-border
border-width: 4px
+border-radius(6px)
.icon-5x
font-size: 5em
&.icon-border
border-width: 5px
+border-radius(7px)
// Floats & Margins
// -------------------------
// Quick floats
.pull-right
float: right
.pull-left
float: left
[class^="icon-"], [class*=" icon-"]
&.pull-left
margin-right: .3em
&.pull-right
margin-left: .3em

View File

@ -0,0 +1,39 @@
/* EXTRAS
* -------------------------- */
/* Stacked and layered icon */
+icon-stack
/* Animated rotating icon */
.icon-spin
display: inline-block
+experimental(animation, spin 2s infinite linear)
+keyframes(spin)
0%
+experimental(transform, rotate(0deg))
100%
+experimental(transform, rotate(359deg))
/* Icon rotations and mirroring */
.icon-rotate-90:before
+experimental(transform, rotate(90deg))
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
.icon-rotate-180:before
+experimental(transform, rotate(180deg))
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
.icon-rotate-270:before
+experimental(transform, rotate(270deg))
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
.icon-flip-horizontal:before
+experimental(transform, scale(-1, 1))
.icon-flip-vertical:before
+experimental(transform, scale(1, -1))

View File

@ -0,0 +1,410 @@
/*!
* Font Awesome 3.1.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
* Contact
* -------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
*/
.icon-large
font-size: 4/3em
margin-top: -4px
padding-top: 3px
margin-bottom: -4px
padding-bottom: 3px
vertical-align: middle
.nav
[class^="icon-"],
[class*=" icon-"]
vertical-align: inherit
margin-top: -4px
padding-top: 3px
margin-bottom: -4px
padding-bottom: 3px
&.icon-large
vertical-align: -25%
.nav-pills, .nav-tabs
[class^="icon-"],
[class*=" icon-"]
&.icon-large
line-height: .75em
margin-top: -7px
padding-top: 5px
margin-bottom: -5px
padding-bottom: 4px
ul.icons-ul
text-indent: -1em
margin-left: 30/14em
> li
.icon-li
width: 1em
margin-right: 0
.btn
[class^="icon-"],
[class*=" icon-"]
&.pull-left, &.pull-right vertical-align: inherit
&.icon-large
margin-top: -.5em
a [class^="icon-"],
a [class*=" icon-"]
cursor: pointer
.ie7icon(@inner) *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@inner')"
.icon-glass .ie7icon('&#xf000')
.icon-music .ie7icon('&#xf001')
.icon-search .ie7icon('&#xf002')
.icon-envelope .ie7icon('&#xf003')
.icon-heart .ie7icon('&#xf004')
.icon-star .ie7icon('&#xf005')
.icon-star-empty .ie7icon('&#xf006')
.icon-user .ie7icon('&#xf007')
.icon-film .ie7icon('&#xf008')
.icon-th-large .ie7icon('&#xf009')
.icon-th .ie7icon('&#xf00a')
.icon-th-list .ie7icon('&#xf00b')
.icon-ok .ie7icon('&#xf00c')
.icon-remove .ie7icon('&#xf00d')
.icon-zoom-in .ie7icon('&#xf00e')
.icon-zoom-out .ie7icon('&#xf010')
.icon-off .ie7icon('&#xf011')
.icon-signal .ie7icon('&#xf012')
.icon-cog .ie7icon('&#xf013')
.icon-trash .ie7icon('&#xf014')
.icon-home .ie7icon('&#xf015')
.icon-file .ie7icon('&#xf016')
.icon-time .ie7icon('&#xf017')
.icon-road .ie7icon('&#xf018')
.icon-download-alt .ie7icon('&#xf019')
.icon-download .ie7icon('&#xf01a')
.icon-upload .ie7icon('&#xf01b')
.icon-inbox .ie7icon('&#xf01c')
.icon-play-circle .ie7icon('&#xf01d')
.icon-repeat .ie7icon('&#xf01e')
.icon-refresh .ie7icon('&#xf021')
.icon-list-alt .ie7icon('&#xf022')
.icon-lock .ie7icon('&#xf023')
.icon-flag .ie7icon('&#xf024')
.icon-headphones .ie7icon('&#xf025')
.icon-volume-off .ie7icon('&#xf026')
.icon-volume-down .ie7icon('&#xf027')
.icon-volume-up .ie7icon('&#xf028')
.icon-qrcode .ie7icon('&#xf029')
.icon-barcode .ie7icon('&#xf02a')
.icon-tag .ie7icon('&#xf02b')
.icon-tags .ie7icon('&#xf02c')
.icon-book .ie7icon('&#xf02d')
.icon-bookmark .ie7icon('&#xf02e')
.icon-print .ie7icon('&#xf02f')
.icon-camera .ie7icon('&#xf030')
.icon-font .ie7icon('&#xf031')
.icon-bold .ie7icon('&#xf032')
.icon-italic .ie7icon('&#xf033')
.icon-text-height .ie7icon('&#xf034')
.icon-text-width .ie7icon('&#xf035')
.icon-align-left .ie7icon('&#xf036')
.icon-align-center .ie7icon('&#xf037')
.icon-align-right .ie7icon('&#xf038')
.icon-align-justify .ie7icon('&#xf039')
.icon-list .ie7icon('&#xf03a')
.icon-indent-left .ie7icon('&#xf03b')
.icon-indent-right .ie7icon('&#xf03c')
.icon-facetime-video .ie7icon('&#xf03d')
.icon-picture .ie7icon('&#xf03e')
.icon-pencil .ie7icon('&#xf040')
.icon-map-marker .ie7icon('&#xf041')
.icon-adjust .ie7icon('&#xf042')
.icon-tint .ie7icon('&#xf043')
.icon-edit .ie7icon('&#xf044')
.icon-share .ie7icon('&#xf045')
.icon-check .ie7icon('&#xf046')
.icon-move .ie7icon('&#xf047')
.icon-step-backward .ie7icon('&#xf048')
.icon-fast-backward .ie7icon('&#xf049')
.icon-backward .ie7icon('&#xf04a')
.icon-play .ie7icon('&#xf04b')
.icon-pause .ie7icon('&#xf04c')
.icon-stop .ie7icon('&#xf04d')
.icon-forward .ie7icon('&#xf04e')
.icon-fast-forward .ie7icon('&#xf050')
.icon-step-forward .ie7icon('&#xf051')
.icon-eject .ie7icon('&#xf052')
.icon-chevron-left .ie7icon('&#xf053')
.icon-chevron-right .ie7icon('&#xf054')
.icon-plus-sign .ie7icon('&#xf055')
.icon-minus-sign .ie7icon('&#xf056')
.icon-remove-sign .ie7icon('&#xf057')
.icon-ok-sign .ie7icon('&#xf058')
.icon-question-sign .ie7icon('&#xf059')
.icon-info-sign .ie7icon('&#xf05a')
.icon-screenshot .ie7icon('&#xf05b')
.icon-remove-circle .ie7icon('&#xf05c')
.icon-ok-circle .ie7icon('&#xf05d')
.icon-ban-circle .ie7icon('&#xf05e')
.icon-arrow-left .ie7icon('&#xf060')
.icon-arrow-right .ie7icon('&#xf061')
.icon-arrow-up .ie7icon('&#xf062')
.icon-arrow-down .ie7icon('&#xf063')
.icon-share-alt .ie7icon('&#xf064')
.icon-resize-full .ie7icon('&#xf065')
.icon-resize-small .ie7icon('&#xf066')
.icon-plus .ie7icon('&#xf067')
.icon-minus .ie7icon('&#xf068')
.icon-asterisk .ie7icon('&#xf069')
.icon-exclamation-sign .ie7icon('&#xf06a')
.icon-gift .ie7icon('&#xf06b')
.icon-leaf .ie7icon('&#xf06c')
.icon-fire .ie7icon('&#xf06d')
.icon-eye-open .ie7icon('&#xf06e')
.icon-eye-close .ie7icon('&#xf070')
.icon-warning-sign .ie7icon('&#xf071')
.icon-plane .ie7icon('&#xf072')
.icon-calendar .ie7icon('&#xf073')
.icon-random .ie7icon('&#xf074')
.icon-comment .ie7icon('&#xf075')
.icon-magnet .ie7icon('&#xf076')
.icon-chevron-up .ie7icon('&#xf077')
.icon-chevron-down .ie7icon('&#xf078')
.icon-retweet .ie7icon('&#xf079')
.icon-shopping-cart .ie7icon('&#xf07a')
.icon-folder-close .ie7icon('&#xf07b')
.icon-folder-open .ie7icon('&#xf07c')
.icon-resize-vertical .ie7icon('&#xf07d')
.icon-resize-horizontal .ie7icon('&#xf07e')
.icon-bar-chart .ie7icon('&#xf080')
.icon-twitter-sign .ie7icon('&#xf081')
.icon-facebook-sign .ie7icon('&#xf082')
.icon-camera-retro .ie7icon('&#xf083')
.icon-key .ie7icon('&#xf084')
.icon-cogs .ie7icon('&#xf085')
.icon-comments .ie7icon('&#xf086')
.icon-thumbs-up .ie7icon('&#xf087')
.icon-thumbs-down .ie7icon('&#xf088')
.icon-star-half .ie7icon('&#xf089')
.icon-heart-empty .ie7icon('&#xf08a')
.icon-signout .ie7icon('&#xf08b')
.icon-linkedin-sign .ie7icon('&#xf08c')
.icon-pushpin .ie7icon('&#xf08d')
.icon-external-link .ie7icon('&#xf08e')
.icon-signin .ie7icon('&#xf090')
.icon-trophy .ie7icon('&#xf091')
.icon-github-sign .ie7icon('&#xf092')
.icon-upload-alt .ie7icon('&#xf093')
.icon-lemon .ie7icon('&#xf094')
.icon-phone .ie7icon('&#xf095')
.icon-check-empty .ie7icon('&#xf096')
.icon-bookmark-empty .ie7icon('&#xf097')
.icon-phone-sign .ie7icon('&#xf098')
.icon-twitter .ie7icon('&#xf099')
.icon-facebook .ie7icon('&#xf09a')
.icon-github .ie7icon('&#xf09b')
.icon-unlock .ie7icon('&#xf09c')
.icon-credit-card .ie7icon('&#xf09d')
.icon-rss .ie7icon('&#xf09e')
.icon-hdd .ie7icon('&#xf0a0')
.icon-bullhorn .ie7icon('&#xf0a1')
.icon-bell .ie7icon('&#xf0a2')
.icon-certificate .ie7icon('&#xf0a3')
.icon-hand-right .ie7icon('&#xf0a4')
.icon-hand-left .ie7icon('&#xf0a5')
.icon-hand-up .ie7icon('&#xf0a6')
.icon-hand-down .ie7icon('&#xf0a7')
.icon-circle-arrow-left .ie7icon('&#xf0a8')
.icon-circle-arrow-right .ie7icon('&#xf0a9')
.icon-circle-arrow-up .ie7icon('&#xf0aa')
.icon-circle-arrow-down .ie7icon('&#xf0ab')
.icon-globe .ie7icon('&#xf0ac')
.icon-wrench .ie7icon('&#xf0ad')
.icon-tasks .ie7icon('&#xf0ae')
.icon-filter .ie7icon('&#xf0b0')
.icon-briefcase .ie7icon('&#xf0b1')
.icon-fullscreen .ie7icon('&#xf0b2')
.icon-group .ie7icon('&#xf0c0')
.icon-link .ie7icon('&#xf0c1')
.icon-cloud .ie7icon('&#xf0c2')
.icon-beaker .ie7icon('&#xf0c3')
.icon-cut .ie7icon('&#xf0c4')
.icon-copy .ie7icon('&#xf0c5')
.icon-paper-clip .ie7icon('&#xf0c6')
.icon-save .ie7icon('&#xf0c7')
.icon-sign-blank .ie7icon('&#xf0c8')
.icon-reorder .ie7icon('&#xf0c9')
.icon-list-ul .ie7icon('&#xf0ca')
.icon-list-ol .ie7icon('&#xf0cb')
.icon-strikethrough .ie7icon('&#xf0cc')
.icon-underline .ie7icon('&#xf0cd')
.icon-table .ie7icon('&#xf0ce')
.icon-magic .ie7icon('&#xf0d0')
.icon-truck .ie7icon('&#xf0d1')
.icon-pinterest .ie7icon('&#xf0d2')
.icon-pinterest-sign .ie7icon('&#xf0d3')
.icon-google-plus-sign .ie7icon('&#xf0d4')
.icon-google-plus .ie7icon('&#xf0d5')
.icon-money .ie7icon('&#xf0d6')
.icon-caret-down .ie7icon('&#xf0d7')
.icon-caret-up .ie7icon('&#xf0d8')
.icon-caret-left .ie7icon('&#xf0d9')
.icon-caret-right .ie7icon('&#xf0da')
.icon-columns .ie7icon('&#xf0db')
.icon-sort .ie7icon('&#xf0dc')
.icon-sort-down .ie7icon('&#xf0dd')
.icon-sort-up .ie7icon('&#xf0de')
.icon-envelope-alt .ie7icon('&#xf0e0')
.icon-linkedin .ie7icon('&#xf0e1')
.icon-undo .ie7icon('&#xf0e2')
.icon-legal .ie7icon('&#xf0e3')
.icon-dashboard .ie7icon('&#xf0e4')
.icon-comment-alt .ie7icon('&#xf0e5')
.icon-comments-alt .ie7icon('&#xf0e6')
.icon-bolt .ie7icon('&#xf0e7')
.icon-sitemap .ie7icon('&#xf0e8')
.icon-umbrella .ie7icon('&#xf0e9')
.icon-paste .ie7icon('&#xf0ea')
.icon-lightbulb .ie7icon('&#xf0eb')
.icon-exchange .ie7icon('&#xf0ec')
.icon-cloud-download .ie7icon('&#xf0ed')
.icon-cloud-upload .ie7icon('&#xf0ee')
.icon-user-md .ie7icon('&#xf0f0')
.icon-stethoscope .ie7icon('&#xf0f1')
.icon-suitcase .ie7icon('&#xf0f2')
.icon-bell-alt .ie7icon('&#xf0f3')
.icon-coffee .ie7icon('&#xf0f4')
.icon-food .ie7icon('&#xf0f5')
.icon-file-alt .ie7icon('&#xf0f6')
.icon-building .ie7icon('&#xf0f7')
.icon-hospital .ie7icon('&#xf0f8')
.icon-ambulance .ie7icon('&#xf0f9')
.icon-medkit .ie7icon('&#xf0fa')
.icon-fighter-jet .ie7icon('&#xf0fb')
.icon-beer .ie7icon('&#xf0fc')
.icon-h-sign .ie7icon('&#xf0fd')
.icon-plus-sign-alt .ie7icon('&#xf0fe')
.icon-double-angle-left .ie7icon('&#xf100')
.icon-double-angle-right .ie7icon('&#xf101')
.icon-double-angle-up .ie7icon('&#xf102')
.icon-double-angle-down .ie7icon('&#xf103')
.icon-angle-left .ie7icon('&#xf104')
.icon-angle-right .ie7icon('&#xf105')
.icon-angle-up .ie7icon('&#xf106')
.icon-angle-down .ie7icon('&#xf107')
.icon-desktop .ie7icon('&#xf108')
.icon-laptop .ie7icon('&#xf109')
.icon-tablet .ie7icon('&#xf10a')
.icon-mobile-phone .ie7icon('&#xf10b')
.icon-circle-blank .ie7icon('&#xf10c')
.icon-quote-left .ie7icon('&#xf10d')
.icon-quote-right .ie7icon('&#xf10e')
.icon-spinner .ie7icon('&#xf110')
.icon-circle .ie7icon('&#xf111')
.icon-reply .ie7icon('&#xf112')
.icon-folder-close-alt .ie7icon('&#xf114')
.icon-folder-open-alt .ie7icon('&#xf115')
.icon-expand-alt .ie7icon('&#xf116')
.icon-collapse-alt .ie7icon('&#xf117')
.icon-smile .ie7icon('&#xf118')
.icon-frown .ie7icon('&#xf119')
.icon-meh .ie7icon('&#xf11a')
.icon-gamepad .ie7icon('&#xf11b')
.icon-keyboard .ie7icon('&#xf11c')
.icon-flag-alt .ie7icon('&#xf11d')
.icon-flag-checkered .ie7icon('&#xf11e')
.icon-terminal .ie7icon('&#xf120')
.icon-code .ie7icon('&#xf121')
.icon-reply-all .ie7icon('&#xf122')
.icon-mail-reply-all .ie7icon('&#xf122')
.icon-star-half-empty .ie7icon('&#xf123')
.icon-location-arrow .ie7icon('&#xf124')
.icon-crop .ie7icon('&#xf125')
.icon-code-fork .ie7icon('&#xf126')
.icon-unlink .ie7icon('&#xf127')
.icon-question .ie7icon('&#xf128')
.icon-info .ie7icon('&#xf129')
.icon-exclamation .ie7icon('&#xf12a')
.icon-superscript .ie7icon('&#xf12b')
.icon-subscript .ie7icon('&#xf12c')
.icon-eraser .ie7icon('&#xf12d')
.icon-puzzle-piece .ie7icon('&#xf12e')
.icon-microphone .ie7icon('&#xf130')
.icon-microphone-off .ie7icon('&#xf131')
.icon-shield .ie7icon('&#xf132')
.icon-calendar-empty .ie7icon('&#xf133')
.icon-fire-extinguisher .ie7icon('&#xf134')
.icon-rocket .ie7icon('&#xf135')
.icon-maxcdn .ie7icon('&#xf136')
.icon-chevron-sign-left .ie7icon('&#xf137')
.icon-chevron-sign-right .ie7icon('&#xf138')
.icon-chevron-sign-up .ie7icon('&#xf139')
.icon-chevron-sign-down .ie7icon('&#xf13a')
.icon-html5 .ie7icon('&#xf13b')
.icon-css3 .ie7icon('&#xf13c')
.icon-anchor .ie7icon('&#xf13d')
.icon-unlock-alt .ie7icon('&#xf13e')
.icon-bullseye .ie7icon('&#xf140')
.icon-ellipsis-horizontal .ie7icon('&#xf141')
.icon-ellipsis-vertical .ie7icon('&#xf142')
.icon-rss-sign .ie7icon('&#xf143')
.icon-play-sign .ie7icon('&#xf144')
.icon-ticket .ie7icon('&#xf145')
.icon-minus-sign-alt .ie7icon('&#xf146')
.icon-check-minus .ie7icon('&#xf147')
.icon-level-up .ie7icon('&#xf148')
.icon-level-down .ie7icon('&#xf149')
.icon-check-sign .ie7icon('&#xf14a')
.icon-edit-sign .ie7icon('&#xf14b')
.icon-external-link-sign .ie7icon('&#xf14c')
.icon-share-sign .ie7icon('&#xf14d')

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,46 @@
// Mixins
// --------------------------
=border-radius($radius)
-webkit-border-radius: $radius
-moz-border-radius: $radius
-ms-border-radius: $radius
-o-border-radius: $radius
border-radius: $radius
=icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em)
.icon-stack
position: relative
display: inline-block
width: $width
height: $height
line-height: $width
vertical-align: -35%
[class^="icon-"],
[class*=" icon-"]
display: block
text-align: center
position: absolute
width: 100%
height: 100%
font-size: $top-font-size
line-height: inherit
*line-height: $height
.icon-stack-base
font-size: $base-font-size
*line-height: $height / $base-font-size
// keyframes mixin
=keyframes($name)
@-webkit-keyframes #{$name}
@content
@-moz-keyframes #{$name}
@content
@-ms-keyframes #{$name}
@content
@keyframes #{$name}
@content

View File

@ -0,0 +1,22 @@
/* FONT PATH
* -------------------------- */
// @font-face
// font-family: 'FontAwesome'
// src: url('$FontAwesomePath/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}')
// src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}') format('embedded-opentype'),
// url('$FontAwesomePath/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}') format('woff'),
// url('$FontAwesomePath/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}') format('truetype'),
// url('$FontAwesomePath/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}') format('svg')
// font-weight: normal
// font-style: normal
@import compass/css3/font-face
$woff: "#{$FontAwesomePath}.woff?v=#{$FontAwesomeVersion}"
$truetype: "#{$FontAwesomePath}.ttf?v=#{$FontAwesomeVersion}"
$svg: "#{$FontAwesomePath}.svg#FontAwesomeRegular?v=#{$FontAwesomeVersion}"
$eot: "#{$FontAwesomePath}.eot?v=#{$FontAwesomeVersion}"
+font-face("FontAwesome", font-files( $woff, woff, $truetype, truetype, $svg, svg), $eot, normal, normal)

View File

@ -0,0 +1,9 @@
// Variables
// --------------------------
$FontAwesomePath: "fontawesome-webfont"
$FontAwesomeVersion: "3.1.0"
$borderColor: #eee
$iconMuted: #eee
$iconLight: #fff
$iconDark: #333

View File

@ -0,0 +1,32 @@
/*!
* Font Awesome 3.1.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
* Contact
* -------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
*/
@import variables
@import mixins
@import path
@import core
@import bootstrap
@import extras
@import icons