mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-01-16 02:00:28 +08:00
112 lines
1.6 KiB
Stylus
112 lines
1.6 KiB
Stylus
|
/* 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
|
||
|
|
||
|
&:before
|
||
|
text-decoration inherit
|
||
|
display inline-block
|
||
|
speak none
|
||
|
|
||
|
&.hide
|
||
|
display none
|
||
|
|
||
|
&.pull-left
|
||
|
margin-right .3em
|
||
|
|
||
|
&.pull-right
|
||
|
margin-left .3em
|
||
|
|
||
|
&.icon-fixed-width
|
||
|
display inline-block
|
||
|
width (18/14)em
|
||
|
text-align center
|
||
|
|
||
|
&.icon-large
|
||
|
width (22/14)em
|
||
|
|
||
|
.icon-large:before
|
||
|
vertical-align -10%
|
||
|
font-size (4/3)em
|
||
|
|
||
|
/* makes sure icons active on rollover in links */
|
||
|
a
|
||
|
[class^="icon-"],
|
||
|
[class*=" icon-"]
|
||
|
&, &:before
|
||
|
display inline
|
||
|
|
||
|
ul.icons-ul
|
||
|
list-style-type none
|
||
|
text-indent -(10/14)em
|
||
|
margin-left (30/14)em
|
||
|
|
||
|
> li
|
||
|
.icon-li
|
||
|
width (10/14)em
|
||
|
display inline-block
|
||
|
text-align center
|
||
|
|
||
|
.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
|
||
|
|
||
|
|