compass_twitter_bootstrap 2.0.3 → 2.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (113) hide show
  1. data/CHANGELOG.md +6 -0
  2. data/README.md +41 -7
  3. data/build/convert.rb +27 -11
  4. data/lib/compass_twitter_bootstrap/version.rb +1 -1
  5. data/stylesheets/_compass_twitter_bootstrap.scss +2 -1
  6. data/stylesheets/_compass_twitter_bootstrap_awesome.scss +1 -1
  7. data/stylesheets/_compass_twitter_bootstrap_responsive.scss +1 -1
  8. data/stylesheets/compass_twitter_bootstrap/_accordion.scss +4 -3
  9. data/stylesheets/compass_twitter_bootstrap/_alerts.scss +31 -10
  10. data/stylesheets/compass_twitter_bootstrap/_breadcrumbs.scss +14 -14
  11. data/stylesheets/compass_twitter_bootstrap/_button-groups.scss +91 -55
  12. data/stylesheets/compass_twitter_bootstrap/_buttons.scss +126 -84
  13. data/stylesheets/compass_twitter_bootstrap/_carousel.scss +33 -23
  14. data/stylesheets/compass_twitter_bootstrap/_close.scss +7 -5
  15. data/stylesheets/compass_twitter_bootstrap/_code.scss +12 -8
  16. data/stylesheets/compass_twitter_bootstrap/_component-animations.scss +9 -7
  17. data/stylesheets/compass_twitter_bootstrap/_dropdowns.scss +112 -22
  18. data/stylesheets/compass_twitter_bootstrap/_font-awesome.scss +258 -196
  19. data/stylesheets/compass_twitter_bootstrap/_forms.scss +262 -161
  20. data/stylesheets/compass_twitter_bootstrap/_grid.scss +18 -2
  21. data/stylesheets/compass_twitter_bootstrap/_hero-unit.scss +11 -8
  22. data/stylesheets/compass_twitter_bootstrap/_labels-badges.scss +42 -26
  23. data/stylesheets/compass_twitter_bootstrap/_layouts.scss +3 -4
  24. data/stylesheets/compass_twitter_bootstrap/_media.scss +55 -0
  25. data/stylesheets/compass_twitter_bootstrap/_mixins.scss +243 -189
  26. data/stylesheets/compass_twitter_bootstrap/_modals.scss +28 -23
  27. data/stylesheets/compass_twitter_bootstrap/_navbar.scss +269 -143
  28. data/stylesheets/compass_twitter_bootstrap/_navs.scss +59 -46
  29. data/stylesheets/compass_twitter_bootstrap/_pager.scss +17 -12
  30. data/stylesheets/compass_twitter_bootstrap/_pagination.scss +92 -27
  31. data/stylesheets/compass_twitter_bootstrap/_popovers.scss +116 -36
  32. data/stylesheets/compass_twitter_bootstrap/_progress-bars.scss +35 -30
  33. data/stylesheets/compass_twitter_bootstrap/_reset.scss +101 -11
  34. data/stylesheets/compass_twitter_bootstrap/_responsive-1200px-min.scss +9 -7
  35. data/stylesheets/compass_twitter_bootstrap/_responsive-767px-max.scss +115 -71
  36. data/stylesheets/compass_twitter_bootstrap/_responsive-768px-979px.scss +8 -6
  37. data/stylesheets/compass_twitter_bootstrap/_responsive-navbar.scss +53 -14
  38. data/stylesheets/compass_twitter_bootstrap/_responsive-utilities.scss +17 -15
  39. data/stylesheets/compass_twitter_bootstrap/_responsive.scss +48 -0
  40. data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +27 -4
  41. data/stylesheets/compass_twitter_bootstrap/_sprites.scss +24 -22
  42. data/stylesheets/compass_twitter_bootstrap/_tables.scss +122 -61
  43. data/stylesheets/compass_twitter_bootstrap/_thumbnails.scss +12 -7
  44. data/stylesheets/compass_twitter_bootstrap/_tooltip.scss +50 -15
  45. data/stylesheets/compass_twitter_bootstrap/_type.scss +93 -93
  46. data/stylesheets/compass_twitter_bootstrap/_utilities.scss +9 -2
  47. data/stylesheets/compass_twitter_bootstrap/_variables.scss +134 -38
  48. data/stylesheets/compass_twitter_bootstrap/_wells.scss +11 -10
  49. data/stylesheets_sass/_compass_twitter_bootstrap.sass +2 -1
  50. data/stylesheets_sass/_compass_twitter_bootstrap_awesome.sass +1 -1
  51. data/stylesheets_sass/_compass_twitter_bootstrap_responsive.sass +1 -1
  52. data/stylesheets_sass/compass_twitter_bootstrap/_accordion.sass +4 -3
  53. data/stylesheets_sass/compass_twitter_bootstrap/_alerts.sass +27 -9
  54. data/stylesheets_sass/compass_twitter_bootstrap/_breadcrumbs.sass +12 -13
  55. data/stylesheets_sass/compass_twitter_bootstrap/_button-groups.sass +93 -55
  56. data/stylesheets_sass/compass_twitter_bootstrap/_buttons.sass +113 -88
  57. data/stylesheets_sass/compass_twitter_bootstrap/_carousel.sass +31 -23
  58. data/stylesheets_sass/compass_twitter_bootstrap/_close.sass +5 -4
  59. data/stylesheets_sass/compass_twitter_bootstrap/_code.sass +12 -9
  60. data/stylesheets_sass/compass_twitter_bootstrap/_component-animations.sass +7 -6
  61. data/stylesheets_sass/compass_twitter_bootstrap/_dropdowns.sass +105 -21
  62. data/stylesheets_sass/compass_twitter_bootstrap/_font-awesome.sass +228 -31
  63. data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +255 -155
  64. data/stylesheets_sass/compass_twitter_bootstrap/_grid.sass +16 -2
  65. data/stylesheets_sass/compass_twitter_bootstrap/_hero-unit.sass +10 -7
  66. data/stylesheets_sass/compass_twitter_bootstrap/_labels-badges.sass +38 -31
  67. data/stylesheets_sass/compass_twitter_bootstrap/_layouts.sass +3 -4
  68. data/stylesheets_sass/compass_twitter_bootstrap/_media.sass +48 -0
  69. data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +215 -174
  70. data/stylesheets_sass/compass_twitter_bootstrap/_modals.sass +25 -26
  71. data/stylesheets_sass/compass_twitter_bootstrap/_navbar.sass +229 -134
  72. data/stylesheets_sass/compass_twitter_bootstrap/_navs.sass +53 -46
  73. data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass +16 -12
  74. data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass +78 -23
  75. data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass +106 -40
  76. data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass +35 -30
  77. data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +80 -12
  78. data/stylesheets_sass/compass_twitter_bootstrap/_responsive-1200px-min.sass +8 -7
  79. data/stylesheets_sass/compass_twitter_bootstrap/_responsive-767px-max.sass +89 -54
  80. data/stylesheets_sass/compass_twitter_bootstrap/_responsive-768px-979px.sass +7 -6
  81. data/stylesheets_sass/compass_twitter_bootstrap/_responsive-navbar.sass +38 -13
  82. data/stylesheets_sass/compass_twitter_bootstrap/_responsive-utilities.sass +18 -17
  83. data/stylesheets_sass/compass_twitter_bootstrap/_responsive.sass +44 -0
  84. data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +24 -4
  85. data/stylesheets_sass/compass_twitter_bootstrap/_sprites.sass +25 -8
  86. data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +110 -83
  87. data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass +11 -7
  88. data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass +43 -19
  89. data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +123 -75
  90. data/stylesheets_sass/compass_twitter_bootstrap/_utilities.sass +7 -2
  91. data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +141 -37
  92. data/stylesheets_sass/compass_twitter_bootstrap/_wells.sass +10 -9
  93. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  94. data/vendor/assets/fonts/fontawesome-webfont.svg +247 -167
  95. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  96. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  97. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  98. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  99. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  100. data/vendor/assets/javascripts/bootstrap-alert.js +13 -4
  101. data/vendor/assets/javascripts/bootstrap-all.js +2 -1
  102. data/vendor/assets/javascripts/bootstrap-button.js +17 -8
  103. data/vendor/assets/javascripts/bootstrap-carousel.js +30 -14
  104. data/vendor/assets/javascripts/bootstrap-collapse.js +24 -14
  105. data/vendor/assets/javascripts/bootstrap-dropdown.js +80 -19
  106. data/vendor/assets/javascripts/bootstrap-modal.js +111 -84
  107. data/vendor/assets/javascripts/bootstrap-popover.js +21 -5
  108. data/vendor/assets/javascripts/bootstrap-scrollspy.js +21 -10
  109. data/vendor/assets/javascripts/bootstrap-tab.js +17 -8
  110. data/vendor/assets/javascripts/bootstrap-tooltip.js +36 -24
  111. data/vendor/assets/javascripts/bootstrap-transition.js +6 -7
  112. data/vendor/assets/javascripts/bootstrap-typeahead.js +87 -49
  113. metadata +17 -7
@@ -1,11 +1,13 @@
1
- // COMPONENT ANIMATIONS
2
- // --------------------
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .fade {
5
- @include bootstrap-opacity(0);
6
- @include bootstrap-transition(opacity .15s linear);
7
+ opacity: 0;
8
+ @include ctb-transition(opacity .15s linear);
7
9
  &.in {
8
- @include bootstrap-opacity(100);
10
+ opacity: 1;
9
11
  }
10
12
  }
11
13
 
@@ -13,8 +15,8 @@
13
15
  position: relative;
14
16
  height: 0;
15
17
  overflow: hidden;
16
- @include bootstrap-transition(height .35s ease);
18
+ @include ctb-transition(height .35s ease);
17
19
  &.in {
18
20
  height: auto;
19
21
  }
20
- }
22
+ }
@@ -1,5 +1,7 @@
1
- // DROPDOWN MENUS
2
- // --------------
1
+ //
2
+ // Dropdown menus
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
5
7
  .dropup,
@@ -26,7 +28,6 @@
26
28
  border-right: 4px solid transparent;
27
29
  border-left: 4px solid transparent;
28
30
  content: "";
29
- @include bootstrap-opacity(30);
30
31
  }
31
32
 
32
33
  // Place the caret
@@ -34,10 +35,6 @@
34
35
  margin-top: 8px;
35
36
  margin-left: 2px;
36
37
  }
37
- .dropdown:hover .caret,
38
- .open .caret {
39
- @include bootstrap-opacity(100);
40
- }
41
38
 
42
39
  // The dropdown menu (ul)
43
40
  // ----------------------
@@ -49,16 +46,16 @@
49
46
  display: none; // none by default, but block on "open" of the menu
50
47
  float: left;
51
48
  min-width: 160px;
52
- padding: 4px 0;
53
- margin: 1px 0 0; // override default ul
49
+ padding: 5px 0;
50
+ margin: 2px 0 0; // override default ul
54
51
  list-style: none;
55
52
  background-color: $dropdownBackground;
56
- border: 1px solid #ccc;
57
- border: 1px solid rgba(0,0,0,.2);
53
+ border: 1px solid #ccc; // Fallback for IE7-8
54
+ border: 1px solid $dropdownBorder;
58
55
  *border-right-width: 2px;
59
56
  *border-bottom-width: 2px;
60
- @include bootstrap-border-radius(5px);
61
- @include bootstrap-box-shadow(0 5px 10px rgba(0,0,0,.2));
57
+ @include ctb-border-radius(6px);
58
+ @include ctb-box-shadow(0 5px 10px rgba(0,0,0,.2));
62
59
  -webkit-background-clip: padding-box;
63
60
  -moz-background-clip: padding;
64
61
  background-clip: padding-box;
@@ -71,13 +68,13 @@
71
68
 
72
69
  // Dividers (basically an hr) within the dropdown
73
70
  .divider {
74
- @include bootstrap-nav-divider();
71
+ @include ctb-nav-divider($dropdownDividerTop, $dropdownDividerBottom);
75
72
  }
76
73
 
77
74
  // Links within the dropdown menu
78
- a {
75
+ li > a {
79
76
  display: block;
80
- padding: 3px 15px;
77
+ padding: 3px 20px;
81
78
  clear: both;
82
79
  font-weight: normal;
83
80
  line-height: $baseLineHeight;
@@ -89,11 +86,37 @@
89
86
  // Hover state
90
87
  // -----------
91
88
  .dropdown-menu li > a:hover,
89
+ .dropdown-menu li > a:focus,
90
+ .dropdown-submenu:hover > a {
91
+ text-decoration: none;
92
+ color: $dropdownLinkColorHover;
93
+ @include ctb-gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%));
94
+ }
95
+
96
+ // Active state
97
+ // ------------
92
98
  .dropdown-menu .active > a,
93
99
  .dropdown-menu .active > a:hover {
94
- color: $dropdownLinkColorHover;
100
+ color: $dropdownLinkColorActive;
95
101
  text-decoration: none;
96
- background-color: $dropdownLinkBackgroundHover;
102
+ outline: 0;
103
+ @include ctb-gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%));
104
+ }
105
+
106
+ // Disabled state
107
+ // --------------
108
+ // Gray out text and ensure the hover state remains gray
109
+ .dropdown-menu .disabled > a,
110
+ .dropdown-menu .disabled > a:hover {
111
+ color: $grayLight;
112
+ }
113
+ // Nuke hover effects
114
+ .dropdown-menu .disabled > a:hover {
115
+ text-decoration: none;
116
+ background-color: transparent;
117
+ background-image: none; // Remove CSS gradient
118
+ @include ctb-gradient-reset-filter();
119
+ cursor: default;
97
120
  }
98
121
 
99
122
  // Open state for the dropdown
@@ -103,14 +126,14 @@
103
126
  // make the menu appear below buttons that appeared later on the page
104
127
  *z-index: $zindexDropdown;
105
128
 
106
- .dropdown-menu {
129
+ & > .dropdown-menu {
107
130
  display: block;
108
131
  }
109
132
  }
110
133
 
111
134
  // Right aligned dropdowns
112
135
  // ---------------------------
113
- .pull-right .dropdown-menu {
136
+ .pull-right > .dropdown-menu {
114
137
  right: 0;
115
138
  left: auto;
116
139
  }
@@ -125,7 +148,7 @@
125
148
  .caret {
126
149
  border-top: 0;
127
150
  border-bottom: 4px solid $black;
128
- content: "\2191";
151
+ content: "";
129
152
  }
130
153
  // Different positioning for bottom up menu
131
154
  .dropdown-menu {
@@ -135,9 +158,76 @@
135
158
  }
136
159
  }
137
160
 
161
+ // Sub menus
162
+ // ---------------------------
163
+ .dropdown-submenu {
164
+ position: relative;
165
+ }
166
+ // Default dropdowns
167
+ .dropdown-submenu > .dropdown-menu {
168
+ top: 0;
169
+ left: 100%;
170
+ margin-top: -6px;
171
+ margin-left: -1px;
172
+ @include ctb-border-radius(0 6px 6px 6px);
173
+ }
174
+ .dropdown-submenu:hover > .dropdown-menu {
175
+ display: block;
176
+ }
177
+
178
+ // Dropups
179
+ .dropup .dropdown-submenu > .dropdown-menu {
180
+ top: auto;
181
+ bottom: 0;
182
+ margin-top: 0;
183
+ margin-bottom: -2px;
184
+ @include ctb-border-radius(5px 5px 5px 0);
185
+ }
186
+
187
+ // Caret to indicate there is a submenu
188
+ .dropdown-submenu > a:after {
189
+ display: block;
190
+ content: " ";
191
+ float: right;
192
+ width: 0;
193
+ height: 0;
194
+ border-color: transparent;
195
+ border-style: solid;
196
+ border-width: 5px 0 5px 5px;
197
+ border-left-color: darken($dropdownBackground, 20%);
198
+ margin-top: 5px;
199
+ margin-right: -10px;
200
+ }
201
+ .dropdown-submenu:hover > a:after {
202
+ border-left-color: $dropdownLinkColorHover;
203
+ }
204
+
205
+ // Left aligned submenus
206
+ .dropdown-submenu.pull-left {
207
+ // Undo the float
208
+ // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
209
+ float: none;
210
+
211
+ // Positioning the submenu
212
+ > .dropdown-menu {
213
+ left: -100%;
214
+ margin-left: 10px;
215
+ @include ctb-border-radius(6px 0 6px 6px);
216
+ }
217
+ }
218
+
219
+ // Tweak nav headers
220
+ // -----------------
221
+ // Increase padding from 15px to 20px on sides
222
+ .dropdown .dropdown-menu .nav-header {
223
+ padding-left: 20px;
224
+ padding-right: 20px;
225
+ }
226
+
138
227
  // Typeahead
139
228
  // ---------
140
229
  .typeahead {
230
+ z-index: 1051;
141
231
  margin-top: 2px; // give it some space to breathe
142
- @include bootstrap-border-radius(4px);
232
+ @include ctb-border-radius($baseBorderRadius);
143
233
  }
@@ -18,10 +18,10 @@
18
18
  -------------------------------------------------------
19
19
  Email: dave@davegandy.com
20
20
  Twitter: http://twitter.com/fortaweso_me
21
- Work: http://lemonwi.se co-founder
21
+ Work: Lead Product Designer @ http://kyruus.com
22
22
 
23
23
  */
24
-
24
+
25
25
  @import "compass/css3/font-face";
26
26
  $font_path: "fontawesome-webfont" !default;
27
27
 
@@ -30,238 +30,300 @@ $font_path: "fontawesome-webfont" !default;
30
30
  font-files(
31
31
  "#{$font_path}.woff", woff,
32
32
  "#{$font_path}.ttf", truetype,
33
- "#{$font_path}.otf", opentype,
34
- "#{$font_path}.svgz#FontAwesomeRegular", svg,
35
33
  "#{$font_path}.svg#FontAwesomeRegular", svg),
36
34
  '#{$font_path}.eot',
37
35
  normal,
38
36
  normal);
39
37
 
40
- /* sprites.less reset */
41
- [class^="icon-"],
42
- [class*=" icon-"] {
43
- display: inline;
44
- width: auto;
45
- height: auto;
46
- line-height: inherit;
47
- vertical-align: baseline;
48
- background-image: none;
49
- background-position: 0% 0%;
50
- background-repeat: repeat;
51
- }
52
- li[class^="icon-"],
53
- li[class*=" icon-"] {
54
- display: block;
55
- }
56
-
57
38
  /* Font Awesome styles
58
39
  ------------------------------------------------------- */
59
40
  [class^="icon-"]:before,
60
41
  [class*=" icon-"]:before {
61
- font-family: FontAwesome;
62
- font-weight: normal;
63
- font-style: normal;
64
- display: inline-block;
65
- text-decoration: inherit;
42
+ font-family: FontAwesome;
43
+ font-weight: normal;
44
+ font-style: normal;
45
+ display: inline-block;
46
+ text-decoration: inherit;
66
47
  }
67
48
 
68
49
  a [class^="icon-"],
69
50
  a [class*=" icon-"] {
70
- display: inline-block;
71
- text-decoration: inherit;
51
+ display: inline-block;
52
+ text-decoration: inherit;
72
53
  }
73
54
 
74
55
  /* makes the font 33% larger relative to the icon container */
75
56
  .icon-large:before {
76
- vertical-align: top;
77
- font-size: 4/3em;
57
+ vertical-align: middle;
58
+ font-size: 4/3em;
78
59
  }
79
60
 
80
- .btn {
81
- [class^="icon-"],
82
- [class*=" icon-"] {
83
- /* keeps button heights with and without icons the same */
84
- line-height: .9em;
85
- }
61
+ .btn, .nav-tabs {
62
+ [class^="icon-"],
63
+ [class*=" icon-"] {
64
+ /* keeps button heights with and without icons the same */
65
+ line-height: .9em;
66
+ }
86
67
  }
87
68
 
88
69
  li {
89
- [class^="icon-"],
90
- [class*=" icon-"] {
91
- display: inline-block;
92
- width: 1.25em;
93
- text-align: center;
94
- }
95
- .icon-large[class^="icon-"],
96
- .icon-large[class*=" icon-"] {
97
- /* 1.5 increased font size for icon-large * 1.25 width */
98
- width: 1.5*1.25em;
99
- }
70
+ [class^="icon-"],
71
+ [class*=" icon-"] {
72
+ display: inline-block;
73
+ width: 1.25em;
74
+ text-align: center;
75
+ }
76
+ .icon-large:before,
77
+ .icon-large:before {
78
+ /* 1.5 increased font size for icon-large * 1.25 width */
79
+ width: 1.5*1.25em;
80
+ }
100
81
  }
101
82
 
102
- li[class^="icon-"],
103
- li[class*=" icon-"] {
104
- margin-left: 0;
105
- list-style-type: none;
83
+ ul.icons {
84
+ list-style-type: none;
85
+ margin-left: 2em;
86
+ text-indent: -.8em;
106
87
 
107
- &:before {
108
- text-indent: -2em;
109
- text-align: center;
88
+ li {
89
+ [class^="icon-"],
90
+ [class*=" icon-"] {
91
+ width: .8em;
110
92
  }
111
- &.icon-large:before {
112
- text-indent: -4/3em;
93
+ .icon-large:before,
94
+ .icon-large:before {
95
+ /* 1.5 increased font size for icon-large * 1.25 width */
96
+ vertical-align: initial;
97
+ // width: 1.5*1.25em;
113
98
  }
99
+ }
114
100
  }
115
101
 
116
102
  /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
117
103
  readers do not read off random characters that represent icons */
118
- .icon-glass:before { content: "\f000"; }
119
- .icon-music:before { content: "\f001"; }
120
- .icon-search:before { content: "\f002"; }
121
- .icon-envelope:before { content: "\f003"; }
122
- .icon-heart:before { content: "\f004"; }
123
- .icon-star:before { content: "\f005"; }
124
- .icon-star-empty:before { content: "\f006"; }
125
- .icon-user:before { content: "\f007"; }
126
- .icon-film:before { content: "\f008"; }
127
- .icon-th-large:before { content: "\f009"; }
128
- .icon-th:before { content: "\f00a"; }
129
- .icon-th-list:before { content: "\f00b"; }
130
- .icon-ok:before { content: "\f00c"; }
131
- .icon-remove:before { content: "\f00d"; }
132
- .icon-zoom-in:before { content: "\f00e"; }
104
+ .icon-glass:before { content: "\f000"; }
105
+ .icon-music:before { content: "\f001"; }
106
+ .icon-search:before { content: "\f002"; }
107
+ .icon-envelope:before { content: "\f003"; }
108
+ .icon-heart:before { content: "\f004"; }
109
+ .icon-star:before { content: "\f005"; }
110
+ .icon-star-empty:before { content: "\f006"; }
111
+ .icon-user:before { content: "\f007"; }
112
+ .icon-film:before { content: "\f008"; }
113
+ .icon-th-large:before { content: "\f009"; }
114
+ .icon-th:before { content: "\f00a"; }
115
+ .icon-th-list:before { content: "\f00b"; }
116
+ .icon-ok:before { content: "\f00c"; }
117
+ .icon-remove:before { content: "\f00d"; }
118
+ .icon-zoom-in:before { content: "\f00e"; }
133
119
 
134
- .icon-zoom-out:before { content: "\f010"; }
135
- .icon-off:before { content: "\f011"; }
136
- .icon-signal:before { content: "\f012"; }
137
- .icon-cog:before { content: "\f013"; }
138
- .icon-trash:before { content: "\f014"; }
139
- .icon-home:before { content: "\f015"; }
140
- .icon-file:before { content: "\f016"; }
141
- .icon-time:before { content: "\f017"; }
142
- .icon-road:before { content: "\f018"; }
143
- .icon-download-alt:before { content: "\f019"; }
144
- .icon-download:before { content: "\f01a"; }
145
- .icon-upload:before { content: "\f01b"; }
146
- .icon-inbox:before { content: "\f01c"; }
147
- .icon-play-circle:before { content: "\f01d"; }
148
- .icon-repeat:before { content: "\f01e"; }
120
+ .icon-zoom-out:before { content: "\f010"; }
121
+ .icon-off:before { content: "\f011"; }
122
+ .icon-signal:before { content: "\f012"; }
123
+ .icon-cog:before { content: "\f013"; }
124
+ .icon-trash:before { content: "\f014"; }
125
+ .icon-home:before { content: "\f015"; }
126
+ .icon-file:before { content: "\f016"; }
127
+ .icon-time:before { content: "\f017"; }
128
+ .icon-road:before { content: "\f018"; }
129
+ .icon-download-alt:before { content: "\f019"; }
130
+ .icon-download:before { content: "\f01a"; }
131
+ .icon-upload:before { content: "\f01b"; }
132
+ .icon-inbox:before { content: "\f01c"; }
133
+ .icon-play-circle:before { content: "\f01d"; }
134
+ .icon-repeat:before { content: "\f01e"; }
149
135
 
150
136
  /* \f020 is not a valid unicode character. all shifted one down */
151
- .icon-refresh:before { content: "\f021"; }
152
- .icon-list-alt:before { content: "\f022"; }
153
- .icon-lock:before { content: "\f023"; }
154
- .icon-flag:before { content: "\f024"; }
155
- .icon-headphones:before { content: "\f025"; }
156
- .icon-volume-off:before { content: "\f026"; }
157
- .icon-volume-down:before { content: "\f027"; }
158
- .icon-volume-up:before { content: "\f028"; }
159
- .icon-qrcode:before { content: "\f029"; }
160
- .icon-barcode:before { content: "\f02a"; }
161
- .icon-tag:before { content: "\f02b"; }
162
- .icon-tags:before { content: "\f02c"; }
163
- .icon-book:before { content: "\f02d"; }
164
- .icon-bookmark:before { content: "\f02e"; }
165
- .icon-print:before { content: "\f02f"; }
137
+ .icon-refresh:before { content: "\f021"; }
138
+ .icon-list-alt:before { content: "\f022"; }
139
+ .icon-lock:before { content: "\f023"; }
140
+ .icon-flag:before { content: "\f024"; }
141
+ .icon-headphones:before { content: "\f025"; }
142
+ .icon-volume-off:before { content: "\f026"; }
143
+ .icon-volume-down:before { content: "\f027"; }
144
+ .icon-volume-up:before { content: "\f028"; }
145
+ .icon-qrcode:before { content: "\f029"; }
146
+ .icon-barcode:before { content: "\f02a"; }
147
+ .icon-tag:before { content: "\f02b"; }
148
+ .icon-tags:before { content: "\f02c"; }
149
+ .icon-book:before { content: "\f02d"; }
150
+ .icon-bookmark:before { content: "\f02e"; }
151
+ .icon-print:before { content: "\f02f"; }
152
+
153
+ .icon-camera:before { content: "\f030"; }
154
+ .icon-font:before { content: "\f031"; }
155
+ .icon-bold:before { content: "\f032"; }
156
+ .icon-italic:before { content: "\f033"; }
157
+ .icon-text-height:before { content: "\f034"; }
158
+ .icon-text-width:before { content: "\f035"; }
159
+ .icon-align-left:before { content: "\f036"; }
160
+ .icon-align-center:before { content: "\f037"; }
161
+ .icon-align-right:before { content: "\f038"; }
162
+ .icon-align-justify:before { content: "\f039"; }
163
+ .icon-list:before { content: "\f03a"; }
164
+ .icon-indent-left:before { content: "\f03b"; }
165
+ .icon-indent-right:before { content: "\f03c"; }
166
+ .icon-facetime-video:before { content: "\f03d"; }
167
+ .icon-picture:before { content: "\f03e"; }
168
+
169
+ .icon-pencil:before { content: "\f040"; }
170
+ .icon-map-marker:before { content: "\f041"; }
171
+ .icon-adjust:before { content: "\f042"; }
172
+ .icon-tint:before { content: "\f043"; }
173
+ .icon-edit:before { content: "\f044"; }
174
+ .icon-share:before { content: "\f045"; }
175
+ .icon-check:before { content: "\f046"; }
176
+ .icon-move:before { content: "\f047"; }
177
+ .icon-step-backward:before { content: "\f048"; }
178
+ .icon-fast-backward:before { content: "\f049"; }
179
+ .icon-backward:before { content: "\f04a"; }
180
+ .icon-play:before { content: "\f04b"; }
181
+ .icon-pause:before { content: "\f04c"; }
182
+ .icon-stop:before { content: "\f04d"; }
183
+ .icon-forward:before { content: "\f04e"; }
184
+
185
+ .icon-fast-forward:before { content: "\f050"; }
186
+ .icon-step-forward:before { content: "\f051"; }
187
+ .icon-eject:before { content: "\f052"; }
188
+ .icon-chevron-left:before { content: "\f053"; }
189
+ .icon-chevron-right:before { content: "\f054"; }
190
+ .icon-plus-sign:before { content: "\f055"; }
191
+ .icon-minus-sign:before { content: "\f056"; }
192
+ .icon-remove-sign:before { content: "\f057"; }
193
+ .icon-ok-sign:before { content: "\f058"; }
194
+ .icon-question-sign:before { content: "\f059"; }
195
+ .icon-info-sign:before { content: "\f05a"; }
196
+ .icon-screenshot:before { content: "\f05b"; }
197
+ .icon-remove-circle:before { content: "\f05c"; }
198
+ .icon-ok-circle:before { content: "\f05d"; }
199
+ .icon-ban-circle:before { content: "\f05e"; }
200
+
201
+ .icon-arrow-left:before { content: "\f060"; }
202
+ .icon-arrow-right:before { content: "\f061"; }
203
+ .icon-arrow-up:before { content: "\f062"; }
204
+ .icon-arrow-down:before { content: "\f063"; }
205
+ .icon-share-alt:before { content: "\f064"; }
206
+ .icon-resize-full:before { content: "\f065"; }
207
+ .icon-resize-small:before { content: "\f066"; }
208
+ .icon-plus:before { content: "\f067"; }
209
+ .icon-minus:before { content: "\f068"; }
210
+ .icon-asterisk:before { content: "\f069"; }
211
+ .icon-exclamation-sign:before { content: "\f06a"; }
212
+ .icon-gift:before { content: "\f06b"; }
213
+ .icon-leaf:before { content: "\f06c"; }
214
+ .icon-fire:before { content: "\f06d"; }
215
+ .icon-eye-open:before { content: "\f06e"; }
216
+
217
+ .icon-eye-close:before { content: "\f070"; }
218
+ .icon-warning-sign:before { content: "\f071"; }
219
+ .icon-plane:before { content: "\f072"; }
220
+ .icon-calendar:before { content: "\f073"; }
221
+ .icon-random:before { content: "\f074"; }
222
+ .icon-comment:before { content: "\f075"; }
223
+ .icon-magnet:before { content: "\f076"; }
224
+ .icon-chevron-up:before { content: "\f077"; }
225
+ .icon-chevron-down:before { content: "\f078"; }
226
+ .icon-retweet:before { content: "\f079"; }
227
+ .icon-shopping-cart:before { content: "\f07a"; }
228
+ .icon-folder-close:before { content: "\f07b"; }
229
+ .icon-folder-open:before { content: "\f07c"; }
230
+ .icon-resize-vertical:before { content: "\f07d"; }
231
+ .icon-resize-horizontal:before { content: "\f07e"; }
232
+
233
+ .icon-bar-chart:before { content: "\f080"; }
234
+ .icon-twitter-sign:before { content: "\f081"; }
235
+ .icon-facebook-sign:before { content: "\f082"; }
236
+ .icon-camera-retro:before { content: "\f083"; }
237
+ .icon-key:before { content: "\f084"; }
238
+ .icon-cogs:before { content: "\f085"; }
239
+ .icon-comments:before { content: "\f086"; }
240
+ .icon-thumbs-up:before { content: "\f087"; }
241
+ .icon-thumbs-down:before { content: "\f088"; }
242
+ .icon-star-half:before { content: "\f089"; }
243
+ .icon-heart-empty:before { content: "\f08a"; }
244
+ .icon-signout:before { content: "\f08b"; }
245
+ .icon-linkedin-sign:before { content: "\f08c"; }
246
+ .icon-pushpin:before { content: "\f08d"; }
247
+ .icon-external-link:before { content: "\f08e"; }
166
248
 
167
- .icon-camera:before { content: "\f030"; }
168
- .icon-font:before { content: "\f031"; }
169
- .icon-bold:before { content: "\f032"; }
170
- .icon-italic:before { content: "\f033"; }
171
- .icon-text-height:before { content: "\f034"; }
172
- .icon-text-width:before { content: "\f035"; }
173
- .icon-align-left:before { content: "\f036"; }
174
- .icon-align-center:before { content: "\f037"; }
175
- .icon-align-right:before { content: "\f038"; }
176
- .icon-align-justify:before { content: "\f039"; }
177
- .icon-list:before { content: "\f03a"; }
178
- .icon-indent-left:before { content: "\f03b"; }
179
- .icon-indent-right:before { content: "\f03c"; }
180
- .icon-facetime-video:before { content: "\f03d"; }
181
- .icon-picture:before { content: "\f03e"; }
249
+ .icon-signin:before { content: "\f090"; }
250
+ .icon-trophy:before { content: "\f091"; }
251
+ .icon-github-sign:before { content: "\f092"; }
252
+ .icon-upload-alt:before { content: "\f093"; }
253
+ .icon-lemon:before { content: "\f094"; }
254
+ .icon-phone:before { content: "\f095"; }
255
+ .icon-check-empty:before { content: "\f096"; }
256
+ .icon-bookmark-empty:before { content: "\f097"; }
257
+ .icon-phone-sign:before { content: "\f098"; }
258
+ .icon-twitter:before { content: "\f099"; }
259
+ .icon-facebook:before { content: "\f09a"; }
260
+ .icon-github:before { content: "\f09b"; }
261
+ .icon-unlock:before { content: "\f09c"; }
262
+ .icon-credit-card:before { content: "\f09d"; }
263
+ .icon-rss:before { content: "\f09e"; }
182
264
 
183
- .icon-pencil:before { content: "\f040"; }
184
- .icon-map-marker:before { content: "\f041"; }
185
- .icon-adjust:before { content: "\f042"; }
186
- .icon-tint:before { content: "\f043"; }
187
- .icon-edit:before { content: "\f044"; }
188
- .icon-share:before { content: "\f045"; }
189
- .icon-check:before { content: "\f046"; }
190
- .icon-move:before { content: "\f047"; }
191
- .icon-step-backward:before { content: "\f048"; }
192
- .icon-fast-backward:before { content: "\f049"; }
193
- .icon-backward:before { content: "\f04a"; }
194
- .icon-play:before { content: "\f04b"; }
195
- .icon-pause:before { content: "\f04c"; }
196
- .icon-stop:before { content: "\f04d"; }
197
- .icon-forward:before { content: "\f04e"; }
265
+ .icon-hdd:before { content: "\f0a0"; }
266
+ .icon-bullhorn:before { content: "\f0a1"; }
267
+ .icon-bell:before { content: "\f0a2"; }
268
+ .icon-certificate:before { content: "\f0a3"; }
269
+ .icon-hand-right:before { content: "\f0a4"; }
270
+ .icon-hand-left:before { content: "\f0a5"; }
271
+ .icon-hand-up:before { content: "\f0a6"; }
272
+ .icon-hand-down:before { content: "\f0a7"; }
273
+ .icon-circle-arrow-left:before { content: "\f0a8"; }
274
+ .icon-circle-arrow-right:before { content: "\f0a9"; }
275
+ .icon-circle-arrow-up:before { content: "\f0aa"; }
276
+ .icon-circle-arrow-down:before { content: "\f0ab"; }
277
+ .icon-globe:before { content: "\f0ac"; }
278
+ .icon-wrench:before { content: "\f0ad"; }
279
+ .icon-tasks:before { content: "\f0ae"; }
198
280
 
199
- .icon-fast-forward:before { content: "\f050"; }
200
- .icon-step-forward:before { content: "\f051"; }
201
- .icon-eject:before { content: "\f052"; }
202
- .icon-chevron-left:before { content: "\f053"; }
203
- .icon-chevron-right:before { content: "\f054"; }
204
- .icon-plus-sign:before { content: "\f055"; }
205
- .icon-minus-sign:before { content: "\f056"; }
206
- .icon-remove-sign:before { content: "\f057"; }
207
- .icon-ok-sign:before { content: "\f058"; }
208
- .icon-question-sign:before { content: "\f059"; }
209
- .icon-info-sign:before { content: "\f05a"; }
210
- .icon-screenshot:before { content: "\f05b"; }
211
- .icon-remove-circle:before { content: "\f05c"; }
212
- .icon-ok-circle:before { content: "\f05d"; }
213
- .icon-ban-circle:before { content: "\f05e"; }
281
+ .icon-filter:before { content: "\f0b0"; }
282
+ .icon-briefcase:before { content: "\f0b1"; }
283
+ .icon-fullscreen:before { content: "\f0b2"; }
214
284
 
215
- .icon-arrow-left:before { content: "\f060"; }
216
- .icon-arrow-right:before { content: "\f061"; }
217
- .icon-arrow-up:before { content: "\f062"; }
218
- .icon-arrow-down:before { content: "\f063"; }
219
- .icon-share-alt:before { content: "\f064"; }
220
- .icon-resize-full:before { content: "\f065"; }
221
- .icon-resize-small:before { content: "\f066"; }
222
- .icon-plus:before { content: "\f067"; }
223
- .icon-minus:before { content: "\f068"; }
224
- .icon-asterisk:before { content: "\f069"; }
225
- .icon-exclamation-sign:before { content: "\f06a"; }
226
- .icon-gift:before { content: "\f06b"; }
227
- .icon-leaf:before { content: "\f06c"; }
228
- .icon-fire:before { content: "\f06d"; }
229
- .icon-eye-open:before { content: "\f06e"; }
285
+ .icon-group:before { content: "\f0c0"; }
286
+ .icon-link:before { content: "\f0c1"; }
287
+ .icon-cloud:before { content: "\f0c2"; }
288
+ .icon-beaker:before { content: "\f0c3"; }
289
+ .icon-cut:before { content: "\f0c4"; }
290
+ .icon-copy:before { content: "\f0c5"; }
291
+ .icon-paper-clip:before { content: "\f0c6"; }
292
+ .icon-save:before { content: "\f0c7"; }
293
+ .icon-sign-blank:before { content: "\f0c8"; }
294
+ .icon-reorder:before { content: "\f0c9"; }
295
+ .icon-list-ul:before { content: "\f0ca"; }
296
+ .icon-list-ol:before { content: "\f0cb"; }
297
+ .icon-strikethrough:before { content: "\f0cc"; }
298
+ .icon-underline:before { content: "\f0cd"; }
299
+ .icon-table:before { content: "\f0ce"; }
230
300
 
231
- .icon-eye-close:before { content: "\f070"; }
232
- .icon-warning-sign:before { content: "\f071"; }
233
- .icon-plane:before { content: "\f072"; }
234
- .icon-calendar:before { content: "\f073"; }
235
- .icon-random:before { content: "\f074"; }
236
- .icon-comment:before { content: "\f075"; }
237
- .icon-magnet:before { content: "\f076"; }
238
- .icon-chevron-up:before { content: "\f077"; }
239
- .icon-chevron-down:before { content: "\f078"; }
240
- .icon-retweet:before { content: "\f079"; }
241
- .icon-shopping-cart:before { content: "\f07a"; }
242
- .icon-folder-close:before { content: "\f07b"; }
243
- .icon-folder-open:before { content: "\f07c"; }
244
- .icon-resize-vertical:before { content: "\f07d"; }
245
- .icon-resize-horizontal:before { content: "\f07e"; }
301
+ .icon-magic:before { content: "\f0d0"; }
302
+ .icon-truck:before { content: "\f0d1"; }
303
+ .icon-pinterest:before { content: "\f0d2"; }
304
+ .icon-pinterest-sign:before { content: "\f0d3"; }
305
+ .icon-google-plus-sign:before { content: "\f0d4"; }
306
+ .icon-google-plus:before { content: "\f0d5"; }
307
+ .icon-money:before { content: "\f0d6"; }
308
+ .icon-caret-down:before { content: "\f0d7"; }
309
+ .icon-caret-up:before { content: "\f0d8"; }
310
+ .icon-caret-left:before { content: "\f0d9"; }
311
+ .icon-caret-right:before { content: "\f0da"; }
312
+ .icon-columns:before { content: "\f0db"; }
313
+ .icon-sort:before { content: "\f0dc"; }
314
+ .icon-sort-down:before { content: "\f0dd"; }
315
+ .icon-sort-up:before { content: "\f0de"; }
246
316
 
247
- .icon-bar-chart:before { content: "\f080"; }
248
- .icon-twitter-sign:before { content: "\f081"; }
249
- .icon-facebook-sign:before { content: "\f082"; }
250
- .icon-camera-retro:before { content: "\f083"; }
251
- .icon-key:before { content: "\f084"; }
252
- .icon-cogs:before { content: "\f085"; }
253
- .icon-comments:before { content: "\f086"; }
254
- .icon-thumbs-up:before { content: "\f087"; }
255
- .icon-thumbs-down:before { content: "\f088"; }
256
- .icon-star-half:before { content: "\f089"; }
257
- .icon-heart-empty:before { content: "\f08a"; }
258
- .icon-signout:before { content: "\f08b"; }
259
- .icon-linkedin-sign:before { content: "\f08c"; }
260
- .icon-pushpin:before { content: "\f08d"; }
261
- .icon-external-link:before { content: "\f08e"; }
317
+ .icon-envelope-alt:before { content: "\f0e0"; }
318
+ .icon-linkedin:before { content: "\f0e1"; }
319
+ .icon-undo:before { content: "\f0e2"; }
320
+ .icon-legal:before { content: "\f0e3"; }
321
+ .icon-dashboard:before { content: "\f0e4"; }
322
+ .icon-comment-alt:before { content: "\f0e5"; }
323
+ .icon-comments-alt:before { content: "\f0e6"; }
324
+ .icon-bolt:before { content: "\f0e7"; }
325
+ .icon-sitemap:before { content: "\f0e8"; }
326
+ .icon-umbrella:before { content: "\f0e9"; }
327
+ .icon-paste:before { content: "\f0ea"; }
262
328
 
263
- .icon-signin:before { content: "\f090"; }
264
- .icon-trophy:before { content: "\f091"; }
265
- .icon-github-sign:before { content: "\f092"; }
266
- .icon-upload-alt:before { content: "\f093"; }
267
- .icon-lemon:before { content: "\f094"; }
329
+ .icon-user-md:before { content: "\f200"; }