mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-02-06 18:38:23 +08:00
Added a stylus version of the styles based on the 3.2.0-wip branch
This commit is contained in:
parent
a4612d8b81
commit
1bb45601ee
87
build/assets/font-awesome/stylus/bootstrap.styl
vendored
Normal file
87
build/assets/font-awesome/stylus/bootstrap.styl
vendored
Normal file
@ -0,0 +1,87 @@
|
||||
/* 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
|
||||
background-image none
|
||||
|
||||
.nav-pills > .active > a
|
||||
.nav-list > .active > a
|
||||
.navbar-inverse .nav > .active > a
|
||||
.dropdown-menu > li > a:hover
|
||||
.dropdown-menu > .active > 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-"]
|
||||
// display inline
|
||||
&.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-small
|
||||
[class^="icon-"]
|
||||
[class*=" icon-"]
|
||||
&.pull-left
|
||||
&.pull-right
|
||||
&.icon-2x
|
||||
margin-top .25em
|
||||
|
||||
&.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
|
||||
|
||||
|
||||
|
||||
|
111
build/assets/font-awesome/stylus/core.styl
vendored
Normal file
111
build/assets/font-awesome/stylus/core.styl
vendored
Normal file
@ -0,0 +1,111 @@
|
||||
/* 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
|
||||
|
||||
|
39
build/assets/font-awesome/stylus/extras.styl
vendored
Normal file
39
build/assets/font-awesome/stylus/extras.styl
vendored
Normal file
@ -0,0 +1,39 @@
|
||||
/* EXTRAS
|
||||
* -------------------------- */
|
||||
|
||||
/* Stacked and layered icon */
|
||||
icon-stack()
|
||||
|
||||
/* Animated rotating icon */
|
||||
.icon-spin
|
||||
display inline-block
|
||||
vendor: animation spin 2s infinite linear
|
||||
|
||||
@keyframes spin
|
||||
0%
|
||||
transform rotate(0deg)
|
||||
100%
|
||||
transform rotate(359deg)
|
||||
|
||||
/* Icon rotations and mirroring */
|
||||
.icon-rotate-90:before
|
||||
vendor: transform rotate(90deg)
|
||||
filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=1)')
|
||||
|
||||
|
||||
.icon-rotate-180:before
|
||||
vendor: transform rotate(180deg)
|
||||
filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=2)')
|
||||
|
||||
|
||||
.icon-rotate-270:before
|
||||
vendor: transform rotate(270deg)
|
||||
filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=3)')
|
||||
|
||||
|
||||
.icon-flip-horizontal:before
|
||||
vendor: transform scale(-1, 1)
|
||||
|
||||
|
||||
.icon-flip-vertical:before
|
||||
vendor: transform scale(1, -1)
|
88
build/assets/font-awesome/stylus/font-awesome-ie7.styl
vendored
Normal file
88
build/assets/font-awesome/stylus/font-awesome-ie7.styl
vendored
Normal file
File diff suppressed because one or more lines are too long
32
build/assets/font-awesome/stylus/font-awesome.styl
vendored
Normal file
32
build/assets/font-awesome/stylus/font-awesome.styl
vendored
Normal 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, styl, 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.styl"
|
||||
@import "mixins.styl"
|
||||
@import "path.styl"
|
||||
@import "core.styl"
|
||||
@import "bootstrap.styl"
|
||||
@import "extras.styl"
|
||||
@import "icons.styl"
|
6
build/assets/font-awesome/stylus/icons.styl
vendored
Normal file
6
build/assets/font-awesome/stylus/icons.styl
vendored
Normal file
File diff suppressed because one or more lines are too long
45
build/assets/font-awesome/stylus/mixins.styl
vendored
Normal file
45
build/assets/font-awesome/stylus/mixins.styl
vendored
Normal file
@ -0,0 +1,45 @@
|
||||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
border-radius(radius)
|
||||
-webkit-border-radius radius
|
||||
-moz-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)
|
||||
|
||||
vendor(prop, args...)
|
||||
for prefix in vendor-prefixes
|
||||
unless prefix == official
|
||||
property = '-' + prefix + '-' + prop
|
||||
add-property(property, args)
|
||||
add-property(prop, args)
|
||||
|
||||
buildIcons(hash)
|
||||
for icon, index in hash
|
||||
.icon-{icon}:before
|
||||
content icon[1]
|
||||
|
15
build/assets/font-awesome/stylus/path.styl
vendored
Normal file
15
build/assets/font-awesome/stylus/path.styl
vendored
Normal file
@ -0,0 +1,15 @@
|
||||
/* 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');
|
||||
// src: url(FontAwesomePath + '/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
11
build/assets/font-awesome/stylus/variables.styl
vendored
Normal file
11
build/assets/font-awesome/stylus/variables.styl
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
// Variables
|
||||
// --------------------------
|
||||
|
||||
FontAwesomePath = "../font";
|
||||
FontAwesomeVersion = "3.1.0";
|
||||
borderColor = #eee;
|
||||
iconMuted = #eee;
|
||||
iconLight = #fff;
|
||||
iconDark = #333;
|
||||
|
||||
vendor-prefixes = webkit moz o ms official
|
Loading…
x
Reference in New Issue
Block a user