Font-Awesome/build/assets/font-awesome/stylus/core.styl

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