font_awesome_rails_sass 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/app/assets/fonts/font-awesome/FontAwesome.otf +0 -0
- data/app/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
- data/app/assets/fonts/font-awesome/fontawesome-webfont.svg +399 -0
- data/app/assets/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
- data/app/assets/fonts/font-awesome/fontawesome-webfont.woff +0 -0
- data/app/assets/stylesheets/font-awesome/_bootstrap.css.sass +84 -0
- data/app/assets/stylesheets/font-awesome/_core.css.sass +115 -0
- data/app/assets/stylesheets/font-awesome/_extras.css.sass +100 -0
- data/app/assets/stylesheets/font-awesome/_icons.css.sass +1102 -0
- data/app/assets/stylesheets/font-awesome/_mixins.css.sass +42 -0
- data/app/assets/stylesheets/font-awesome/_path.css.sass +11 -0
- data/app/assets/stylesheets/font-awesome/_variables.css.sass +732 -0
- data/app/assets/stylesheets/font-awesome/font-awesome-ie7.scss +1953 -0
- data/app/assets/stylesheets/font-awesome/font-awesome.css.sass +33 -0
- data/font_awesome_rails_sass.gemspec +26 -0
- data/lib/font_awesome_rails_sass/engine.rb +4 -0
- data/lib/font_awesome_rails_sass/version.rb +3 -0
- data/lib/font_awesome_rails_sass.rb +6 -0
- metadata +133 -0
Binary file
|
Binary file
|
@@ -0,0 +1,84 @@
|
|
1
|
+
/* BOOTSTRAP SPECIFIC CLASSES
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
// Bootstrap 2.0 sprites.less reset
|
5
|
+
|
6
|
+
[class^="icon-"],
|
7
|
+
[class*=" icon-"]
|
8
|
+
display: inline
|
9
|
+
width: auto
|
10
|
+
height: auto
|
11
|
+
line-height: normal
|
12
|
+
vertical-align: baseline
|
13
|
+
background-image: none
|
14
|
+
background-position: 0% 0%
|
15
|
+
background-repeat: repeat
|
16
|
+
margin-top: 0
|
17
|
+
|
18
|
+
// more sprites.less reset
|
19
|
+
|
20
|
+
.icon-white,
|
21
|
+
.nav-pills > .active > a > [class^="icon-"],
|
22
|
+
.nav-pills > .active > a > [class*=" icon-"],
|
23
|
+
.nav-list > .active > a > [class^="icon-"],
|
24
|
+
.nav-list > .active > a > [class*=" icon-"],
|
25
|
+
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
26
|
+
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
27
|
+
.dropdown-menu > li > a:hover > [class^="icon-"],
|
28
|
+
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
29
|
+
.dropdown-menu > .active > a > [class^="icon-"],
|
30
|
+
.dropdown-menu > .active > a > [class*=" icon-"],
|
31
|
+
.dropdown-submenu:hover > a > [class^="icon-"],
|
32
|
+
.dropdown-submenu:hover > a > [class*=" icon-"]
|
33
|
+
background-image: none
|
34
|
+
|
35
|
+
// keeps Bootstrap styles with and without icons the same
|
36
|
+
.btn, .nav
|
37
|
+
[class^="icon-"],
|
38
|
+
[class*=" icon-"]
|
39
|
+
// display: inline;
|
40
|
+
&.icon-large
|
41
|
+
line-height: .9em
|
42
|
+
&.icon-spin
|
43
|
+
display: inline-block
|
44
|
+
|
45
|
+
.nav-tabs, .nav-pills
|
46
|
+
[class^="icon-"],
|
47
|
+
[class*=" icon-"]
|
48
|
+
&, &.icon-large
|
49
|
+
line-height: .9em
|
50
|
+
|
51
|
+
.btn
|
52
|
+
[class^="icon-"],
|
53
|
+
[class*=" icon-"]
|
54
|
+
&.pull-left, &.pull-right
|
55
|
+
&.icon-2x
|
56
|
+
margin-top: .18em
|
57
|
+
&.icon-spin.icon-large
|
58
|
+
line-height: .8em
|
59
|
+
|
60
|
+
.btn.btn-small
|
61
|
+
[class^="icon-"],
|
62
|
+
[class*=" icon-"]
|
63
|
+
&.pull-left, &.pull-right
|
64
|
+
&.icon-2x
|
65
|
+
margin-top: .25em
|
66
|
+
|
67
|
+
.btn.btn-large
|
68
|
+
[class^="icon-"],
|
69
|
+
[class*=" icon-"]
|
70
|
+
margin-top: 0
|
71
|
+
// overrides bootstrap default
|
72
|
+
&.pull-left, &.pull-right
|
73
|
+
&.icon-2x
|
74
|
+
margin-top: .05em
|
75
|
+
&.pull-left.icon-2x
|
76
|
+
margin-right: .2em
|
77
|
+
&.pull-right.icon-2x
|
78
|
+
margin-left: .2em
|
79
|
+
|
80
|
+
// Fixes alignment in nav lists
|
81
|
+
|
82
|
+
.nav-list [class^="icon-"],
|
83
|
+
.nav-list [class*=" icon-"]
|
84
|
+
line-height: inherit
|
@@ -0,0 +1,115 @@
|
|
1
|
+
/* FONT AWESOME CORE
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
[class^="icon-"],
|
5
|
+
[class*=" icon-"]
|
6
|
+
+icon-FontAwesome
|
7
|
+
|
8
|
+
[class^="icon-"]:before,
|
9
|
+
[class*=" icon-"]:before
|
10
|
+
text-decoration: inherit
|
11
|
+
display: inline-block
|
12
|
+
speak: none
|
13
|
+
|
14
|
+
// makes the font 33% larger relative to the icon container
|
15
|
+
.icon-large:before
|
16
|
+
vertical-align: -10%
|
17
|
+
font-size: (4em / 3)
|
18
|
+
|
19
|
+
// makes sure icons active on rollover in links
|
20
|
+
a
|
21
|
+
[class^="icon-"],
|
22
|
+
[class*=" icon-"]
|
23
|
+
display: inline
|
24
|
+
|
25
|
+
// increased font size for icon-large
|
26
|
+
|
27
|
+
[class^="icon-"],
|
28
|
+
[class*=" icon-"]
|
29
|
+
&.icon-fixed-width
|
30
|
+
display: inline-block
|
31
|
+
width: (16em / 14)
|
32
|
+
text-align: right
|
33
|
+
padding-right: (4em / 14)
|
34
|
+
&.icon-large
|
35
|
+
width: (20em / 14)
|
36
|
+
|
37
|
+
.icons-ul
|
38
|
+
margin-left: $icons-li-width
|
39
|
+
list-style-type: none
|
40
|
+
> li
|
41
|
+
position: relative
|
42
|
+
.icon-li
|
43
|
+
position: absolute
|
44
|
+
left: -$icons-li-width
|
45
|
+
width: $icons-li-width
|
46
|
+
text-align: center
|
47
|
+
line-height: inherit
|
48
|
+
|
49
|
+
// allows usage of the hide class directly on font awesome icons
|
50
|
+
|
51
|
+
[class^="icon-"],
|
52
|
+
[class*=" icon-"]
|
53
|
+
&.hide
|
54
|
+
display: none
|
55
|
+
|
56
|
+
.icon-muted
|
57
|
+
color: $iconMuted
|
58
|
+
|
59
|
+
.icon-light
|
60
|
+
color: $iconLight
|
61
|
+
|
62
|
+
.icon-dark
|
63
|
+
color: $iconDark
|
64
|
+
|
65
|
+
// Icon Borders
|
66
|
+
// -------------------------
|
67
|
+
|
68
|
+
.icon-border
|
69
|
+
border: solid 1px $borderColor
|
70
|
+
padding: .2em .25em .15em
|
71
|
+
+border-radius(3px)
|
72
|
+
|
73
|
+
// Icon Sizes
|
74
|
+
// -------------------------
|
75
|
+
|
76
|
+
.icon-2x
|
77
|
+
font-size: 2em
|
78
|
+
&.icon-border
|
79
|
+
border-width: 2px
|
80
|
+
+border-radius(4px)
|
81
|
+
|
82
|
+
.icon-3x
|
83
|
+
font-size: 3em
|
84
|
+
&.icon-border
|
85
|
+
border-width: 3px
|
86
|
+
+border-radius(5px)
|
87
|
+
|
88
|
+
.icon-4x
|
89
|
+
font-size: 4em
|
90
|
+
&.icon-border
|
91
|
+
border-width: 4px
|
92
|
+
+border-radius(6px)
|
93
|
+
|
94
|
+
.icon-5x
|
95
|
+
font-size: 5em
|
96
|
+
&.icon-border
|
97
|
+
border-width: 5px
|
98
|
+
+border-radius(7px)
|
99
|
+
|
100
|
+
// Floats & Margins
|
101
|
+
// -------------------------
|
102
|
+
|
103
|
+
// Quick floats
|
104
|
+
.pull-right
|
105
|
+
float: right
|
106
|
+
|
107
|
+
.pull-left
|
108
|
+
float: left
|
109
|
+
|
110
|
+
[class^="icon-"],
|
111
|
+
[class*=" icon-"]
|
112
|
+
&.pull-left
|
113
|
+
margin-right: .3em
|
114
|
+
&.pull-right
|
115
|
+
margin-left: .3em
|
@@ -0,0 +1,100 @@
|
|
1
|
+
/* EXTRAS
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
// Stacked and layered icon
|
5
|
+
+icon-stack
|
6
|
+
|
7
|
+
// Animated rotating icon
|
8
|
+
.icon-spin
|
9
|
+
display: inline-block
|
10
|
+
-moz-animation: spin 2s infinite linear
|
11
|
+
-o-animation: spin 2s infinite linear
|
12
|
+
-webkit-animation: spin 2s infinite linear
|
13
|
+
animation: spin 2s infinite linear
|
14
|
+
|
15
|
+
// Prevent stack and spinners from being taken inline when inside a link
|
16
|
+
|
17
|
+
a .icon-stack,
|
18
|
+
a .icon-spin
|
19
|
+
display: inline-block
|
20
|
+
text-decoration: none
|
21
|
+
|
22
|
+
@-moz-keyframes spin
|
23
|
+
0%
|
24
|
+
-moz-transform: rotate(0deg)
|
25
|
+
100%
|
26
|
+
-moz-transform: rotate(359deg)
|
27
|
+
|
28
|
+
|
29
|
+
@-webkit-keyframes spin
|
30
|
+
0%
|
31
|
+
-webkit-transform: rotate(0deg)
|
32
|
+
100%
|
33
|
+
-webkit-transform: rotate(359deg)
|
34
|
+
|
35
|
+
|
36
|
+
@-o-keyframes spin
|
37
|
+
0%
|
38
|
+
-o-transform: rotate(0deg)
|
39
|
+
100%
|
40
|
+
-o-transform: rotate(359deg)
|
41
|
+
|
42
|
+
|
43
|
+
@-ms-keyframes spin
|
44
|
+
0%
|
45
|
+
-ms-transform: rotate(0deg)
|
46
|
+
100%
|
47
|
+
-ms-transform: rotate(359deg)
|
48
|
+
|
49
|
+
|
50
|
+
@keyframes spin
|
51
|
+
0%
|
52
|
+
transform: rotate(0deg)
|
53
|
+
100%
|
54
|
+
transform: rotate(359deg)
|
55
|
+
|
56
|
+
|
57
|
+
// Icon rotations and mirroring
|
58
|
+
.icon-rotate-90:before
|
59
|
+
-webkit-transform: rotate(90deg)
|
60
|
+
-moz-transform: rotate(90deg)
|
61
|
+
-ms-transform: rotate(90deg)
|
62
|
+
-o-transform: rotate(90deg)
|
63
|
+
transform: rotate(90deg)
|
64
|
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
|
65
|
+
|
66
|
+
.icon-rotate-180:before
|
67
|
+
-webkit-transform: rotate(180deg)
|
68
|
+
-moz-transform: rotate(180deg)
|
69
|
+
-ms-transform: rotate(180deg)
|
70
|
+
-o-transform: rotate(180deg)
|
71
|
+
transform: rotate(180deg)
|
72
|
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
|
73
|
+
|
74
|
+
.icon-rotate-270:before
|
75
|
+
-webkit-transform: rotate(270deg)
|
76
|
+
-moz-transform: rotate(270deg)
|
77
|
+
-ms-transform: rotate(270deg)
|
78
|
+
-o-transform: rotate(270deg)
|
79
|
+
transform: rotate(270deg)
|
80
|
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
|
81
|
+
|
82
|
+
.icon-flip-horizontal:before
|
83
|
+
-webkit-transform: scale(-1, 1)
|
84
|
+
-moz-transform: scale(-1, 1)
|
85
|
+
-ms-transform: scale(-1, 1)
|
86
|
+
-o-transform: scale(-1, 1)
|
87
|
+
transform: scale(-1, 1)
|
88
|
+
|
89
|
+
.icon-flip-vertical:before
|
90
|
+
-webkit-transform: scale(1, -1)
|
91
|
+
-moz-transform: scale(1, -1)
|
92
|
+
-ms-transform: scale(1, -1)
|
93
|
+
-o-transform: scale(1, -1)
|
94
|
+
transform: scale(1, -1)
|
95
|
+
|
96
|
+
// ensure rotation occurs inside anchor tags
|
97
|
+
a
|
98
|
+
.icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical
|
99
|
+
&:before
|
100
|
+
display: inline-block
|