flipper-ui 0.12.2 → 0.13.0.beta1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +4 -4
  2. data/docs/ui/README.md +21 -3
  3. data/docs/ui/images/configured-ui.png +0 -0
  4. data/docs/ui/images/environment-banner.png +0 -0
  5. data/docs/ui/images/feature.png +0 -0
  6. data/docs/ui/images/features.png +0 -0
  7. data/lib/flipper/ui/assets/javascripts/application.coffee +3 -0
  8. data/lib/flipper/ui/assets/stylesheets/.DS_Store +0 -0
  9. data/lib/flipper/ui/assets/stylesheets/application.scss +9 -48
  10. data/lib/flipper/ui/assets/stylesheets/bootstrap/_alert.scss +51 -0
  11. data/lib/flipper/ui/assets/stylesheets/bootstrap/_badge.scss +47 -0
  12. data/lib/flipper/ui/assets/stylesheets/bootstrap/_breadcrumb.scss +38 -0
  13. data/lib/flipper/ui/assets/stylesheets/bootstrap/_button-group.scss +166 -0
  14. data/lib/flipper/ui/assets/stylesheets/bootstrap/_buttons.scss +78 -95
  15. data/lib/flipper/ui/assets/stylesheets/bootstrap/_card.scss +270 -0
  16. data/lib/flipper/ui/assets/stylesheets/bootstrap/_carousel.scss +122 -200
  17. data/lib/flipper/ui/assets/stylesheets/bootstrap/_close.scss +12 -14
  18. data/lib/flipper/ui/assets/stylesheets/bootstrap/_code.scss +15 -28
  19. data/lib/flipper/ui/assets/stylesheets/bootstrap/_custom-forms.scss +297 -0
  20. data/lib/flipper/ui/assets/stylesheets/bootstrap/_dropdown.scss +131 -0
  21. data/lib/flipper/ui/assets/stylesheets/bootstrap/_forms.scss +210 -455
  22. data/lib/flipper/ui/assets/stylesheets/bootstrap/_functions.scss +86 -0
  23. data/lib/flipper/ui/assets/stylesheets/bootstrap/_grid.scss +29 -61
  24. data/lib/flipper/ui/assets/stylesheets/bootstrap/_images.scss +42 -0
  25. data/lib/flipper/ui/assets/stylesheets/bootstrap/_input-group.scss +159 -0
  26. data/lib/flipper/ui/assets/stylesheets/bootstrap/_jumbotron.scss +8 -42
  27. data/lib/flipper/ui/assets/stylesheets/bootstrap/_list-group.scss +64 -73
  28. data/lib/flipper/ui/assets/stylesheets/bootstrap/_media.scss +3 -56
  29. data/lib/flipper/ui/assets/stylesheets/bootstrap/_mixins.scss +21 -18
  30. data/lib/flipper/ui/assets/stylesheets/bootstrap/_modal.scss +168 -0
  31. data/lib/flipper/ui/assets/stylesheets/bootstrap/_nav.scss +118 -0
  32. data/lib/flipper/ui/assets/stylesheets/bootstrap/_navbar.scss +203 -554
  33. data/lib/flipper/ui/assets/stylesheets/bootstrap/_pagination.scss +58 -69
  34. data/lib/flipper/ui/assets/stylesheets/bootstrap/_popover.scss +183 -0
  35. data/lib/flipper/ui/assets/stylesheets/bootstrap/_print.scss +71 -54
  36. data/lib/flipper/ui/assets/stylesheets/bootstrap/_progress.scss +33 -0
  37. data/lib/flipper/ui/assets/stylesheets/bootstrap/_reboot.scss +482 -0
  38. data/lib/flipper/ui/assets/stylesheets/bootstrap/_root.scss +19 -0
  39. data/lib/flipper/ui/assets/stylesheets/bootstrap/_tables.scss +109 -163
  40. data/lib/flipper/ui/assets/stylesheets/bootstrap/_tooltip.scss +97 -84
  41. data/lib/flipper/ui/assets/stylesheets/bootstrap/_transitions.scss +36 -0
  42. data/lib/flipper/ui/assets/stylesheets/bootstrap/_type.scss +66 -239
  43. data/lib/flipper/ui/assets/stylesheets/bootstrap/_utilities.scss +14 -55
  44. data/lib/flipper/ui/assets/stylesheets/bootstrap/_variables.scss +726 -698
  45. data/lib/flipper/ui/assets/stylesheets/bootstrap/bootstrap-grid.scss +32 -0
  46. data/lib/flipper/ui/assets/stylesheets/bootstrap/bootstrap-reboot.scss +12 -0
  47. data/lib/flipper/ui/assets/stylesheets/bootstrap/bootstrap.scss +42 -0
  48. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_alert.scss +13 -0
  49. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_background-variant.scss +14 -4
  50. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_badge.scss +12 -0
  51. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_border-radius.scss +25 -8
  52. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +5 -0
  53. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +123 -0
  54. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_buttons.scss +89 -32
  55. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_caret.scss +65 -0
  56. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_clearfix.scss +3 -18
  57. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_float.scss +11 -0
  58. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_forms.scss +115 -66
  59. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_gradients.scss +14 -27
  60. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +52 -66
  61. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_grid.scss +37 -107
  62. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_hover.scss +39 -0
  63. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_image.scss +18 -15
  64. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_list-group.scss +10 -20
  65. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_lists.scss +7 -0
  66. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +3 -3
  67. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_navbar-align.scss +10 -0
  68. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_pagination.scss +10 -11
  69. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_reset-text.scss +17 -0
  70. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_resize.scss +1 -1
  71. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +35 -0
  72. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_size.scss +1 -5
  73. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_table-row.scss +16 -14
  74. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +7 -4
  75. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_text-hide.scss +9 -0
  76. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  77. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_transition.scss +9 -0
  78. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_visibility.scss +7 -0
  79. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_align.scss +8 -0
  80. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_background.scss +19 -0
  81. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_borders.scss +59 -0
  82. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_clearfix.scss +3 -0
  83. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_display.scss +38 -0
  84. data/lib/flipper/ui/assets/stylesheets/bootstrap/{_responsive-embed.scss → utilities/_embed.scss} +26 -9
  85. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_flex.scss +46 -0
  86. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_float.scss +9 -0
  87. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_position.scss +36 -0
  88. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +11 -0
  89. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_sizing.scss +12 -0
  90. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_spacing.scss +51 -0
  91. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_text.scss +52 -0
  92. data/lib/flipper/ui/assets/stylesheets/bootstrap/utilities/_visibility.scss +11 -0
  93. data/lib/flipper/ui/configuration.rb +24 -0
  94. data/lib/flipper/ui/decorators/feature.rb +3 -3
  95. data/lib/flipper/ui/public/css/application.css +6237 -2339
  96. data/lib/flipper/ui/public/js/application.js +3 -2
  97. data/lib/flipper/ui/views/add_actor.erb +7 -9
  98. data/lib/flipper/ui/views/add_feature.erb +8 -10
  99. data/lib/flipper/ui/views/add_group.erb +7 -9
  100. data/lib/flipper/ui/views/feature.erb +181 -141
  101. data/lib/flipper/ui/views/feature_creation_disabled.erb +1 -1
  102. data/lib/flipper/ui/views/feature_removal_disabled.erb +1 -1
  103. data/lib/flipper/ui/views/features.erb +12 -15
  104. data/lib/flipper/ui/views/layout.erb +25 -15
  105. data/lib/flipper/version.rb +1 -1
  106. data/spec/flipper/ui/actions/actors_gate_spec.rb +2 -1
  107. data/spec/flipper/ui/actions/add_feature_spec.rb +2 -1
  108. data/spec/flipper/ui/actions/groups_gate_spec.rb +2 -1
  109. data/spec/flipper/ui/configuration_spec.rb +27 -0
  110. data/spec/flipper/ui_spec.rb +24 -0
  111. metadata +58 -64
  112. data/lib/flipper/ui/assets/stylesheets/_bootstrap-compass.scss +0 -9
  113. data/lib/flipper/ui/assets/stylesheets/_bootstrap-mincer.scss +0 -19
  114. data/lib/flipper/ui/assets/stylesheets/_bootstrap-sprockets.scss +0 -9
  115. data/lib/flipper/ui/assets/stylesheets/_bootstrap.scss +0 -50
  116. data/lib/flipper/ui/assets/stylesheets/bootstrap/_alerts.scss +0 -73
  117. data/lib/flipper/ui/assets/stylesheets/bootstrap/_badges.scss +0 -68
  118. data/lib/flipper/ui/assets/stylesheets/bootstrap/_breadcrumbs.scss +0 -26
  119. data/lib/flipper/ui/assets/stylesheets/bootstrap/_button-groups.scss +0 -243
  120. data/lib/flipper/ui/assets/stylesheets/bootstrap/_component-animations.scss +0 -37
  121. data/lib/flipper/ui/assets/stylesheets/bootstrap/_dropdowns.scss +0 -214
  122. data/lib/flipper/ui/assets/stylesheets/bootstrap/_glyphicons.scss +0 -305
  123. data/lib/flipper/ui/assets/stylesheets/bootstrap/_input-groups.scss +0 -166
  124. data/lib/flipper/ui/assets/stylesheets/bootstrap/_labels.scss +0 -66
  125. data/lib/flipper/ui/assets/stylesheets/bootstrap/_modals.scss +0 -150
  126. data/lib/flipper/ui/assets/stylesheets/bootstrap/_navs.scss +0 -242
  127. data/lib/flipper/ui/assets/stylesheets/bootstrap/_normalize.scss +0 -427
  128. data/lib/flipper/ui/assets/stylesheets/bootstrap/_pager.scss +0 -54
  129. data/lib/flipper/ui/assets/stylesheets/bootstrap/_panels.scss +0 -265
  130. data/lib/flipper/ui/assets/stylesheets/bootstrap/_popovers.scss +0 -135
  131. data/lib/flipper/ui/assets/stylesheets/bootstrap/_progress-bars.scss +0 -87
  132. data/lib/flipper/ui/assets/stylesheets/bootstrap/_responsive-utilities.scss +0 -177
  133. data/lib/flipper/ui/assets/stylesheets/bootstrap/_scaffolding.scss +0 -162
  134. data/lib/flipper/ui/assets/stylesheets/bootstrap/_theme.scss +0 -273
  135. data/lib/flipper/ui/assets/stylesheets/bootstrap/_thumbnails.scss +0 -38
  136. data/lib/flipper/ui/assets/stylesheets/bootstrap/_wells.scss +0 -29
  137. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_alerts.scss +0 -14
  138. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_center-block.scss +0 -7
  139. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_hide-text.scss +0 -21
  140. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_labels.scss +0 -12
  141. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  142. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_opacity.scss +0 -8
  143. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_panels.scss +0 -24
  144. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +0 -10
  145. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +0 -8
  146. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +0 -21
  147. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +0 -9
  148. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  149. data/lib/flipper/ui/public/css/primer.css +0 -1
  150. data/lib/flipper/ui/public/css/primer/primer.css +0 -1933
  151. data/lib/flipper/ui/public/css/scss/primer.css +0 -1933
  152. data/lib/flipper/ui/public/js/bootstrap-sprockets.js +0 -12
  153. data/lib/flipper/ui/public/js/bootstrap.js +0 -2317
  154. data/lib/flipper/ui/public/js/bootstrap.min.js +0 -7
  155. data/lib/flipper/ui/public/js/bootstrap/affix.js +0 -162
  156. data/lib/flipper/ui/public/js/bootstrap/alert.js +0 -94
  157. data/lib/flipper/ui/public/js/bootstrap/button.js +0 -116
  158. data/lib/flipper/ui/public/js/bootstrap/carousel.js +0 -237
  159. data/lib/flipper/ui/public/js/bootstrap/collapse.js +0 -211
  160. data/lib/flipper/ui/public/js/bootstrap/dropdown.js +0 -161
  161. data/lib/flipper/ui/public/js/bootstrap/modal.js +0 -339
  162. data/lib/flipper/ui/public/js/bootstrap/popover.js +0 -108
  163. data/lib/flipper/ui/public/js/bootstrap/scrollspy.js +0 -172
  164. data/lib/flipper/ui/public/js/bootstrap/tab.js +0 -153
  165. data/lib/flipper/ui/public/js/bootstrap/tooltip.js +0 -476
  166. data/lib/flipper/ui/public/js/bootstrap/transition.js +0 -59
@@ -1,37 +0,0 @@
1
- //
2
- // Component animations
3
- // --------------------------------------------------
4
-
5
- // Heads up!
6
- //
7
- // We don't use the `.opacity()` mixin here since it causes a bug with text
8
- // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9
-
10
- .fade {
11
- opacity: 0;
12
- @include transition(opacity .15s linear);
13
- &.in {
14
- opacity: 1;
15
- }
16
- }
17
-
18
- .collapse {
19
- display: none;
20
-
21
- &.in { display: block; }
22
- // [converter] extracted tr&.in to tr.collapse.in
23
- // [converter] extracted tbody&.in to tbody.collapse.in
24
- }
25
-
26
- tr.collapse.in { display: table-row; }
27
-
28
- tbody.collapse.in { display: table-row-group; }
29
-
30
- .collapsing {
31
- position: relative;
32
- height: 0;
33
- overflow: hidden;
34
- @include transition-property(height, visibility);
35
- @include transition-duration(.35s);
36
- @include transition-timing-function(ease);
37
- }
@@ -1,214 +0,0 @@
1
- //
2
- // Dropdown menus
3
- // --------------------------------------------------
4
-
5
-
6
- // Dropdown arrow/caret
7
- .caret {
8
- display: inline-block;
9
- width: 0;
10
- height: 0;
11
- margin-left: 2px;
12
- vertical-align: middle;
13
- border-top: $caret-width-base dashed;
14
- border-right: $caret-width-base solid transparent;
15
- border-left: $caret-width-base solid transparent;
16
- }
17
-
18
- // The dropdown wrapper (div)
19
- .dropup,
20
- .dropdown {
21
- position: relative;
22
- }
23
-
24
- // Prevent the focus on the dropdown toggle when closing dropdowns
25
- .dropdown-toggle:focus {
26
- outline: 0;
27
- }
28
-
29
- // The dropdown menu (ul)
30
- .dropdown-menu {
31
- position: absolute;
32
- top: 100%;
33
- left: 0;
34
- z-index: $zindex-dropdown;
35
- display: none; // none by default, but block on "open" of the menu
36
- float: left;
37
- min-width: 160px;
38
- padding: 5px 0;
39
- margin: 2px 0 0; // override default ul
40
- list-style: none;
41
- font-size: $font-size-base;
42
- text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
43
- background-color: $dropdown-bg;
44
- border: 1px solid $dropdown-fallback-border; // IE8 fallback
45
- border: 1px solid $dropdown-border;
46
- border-radius: $border-radius-base;
47
- @include box-shadow(0 6px 12px rgba(0,0,0,.175));
48
- background-clip: padding-box;
49
-
50
- // Aligns the dropdown menu to right
51
- //
52
- // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
53
- &.pull-right {
54
- right: 0;
55
- left: auto;
56
- }
57
-
58
- // Dividers (basically an hr) within the dropdown
59
- .divider {
60
- @include nav-divider($dropdown-divider-bg);
61
- }
62
-
63
- // Links within the dropdown menu
64
- > li > a {
65
- display: block;
66
- padding: 3px 20px;
67
- clear: both;
68
- font-weight: normal;
69
- line-height: $line-height-base;
70
- color: $dropdown-link-color;
71
- white-space: nowrap; // prevent links from randomly breaking onto new lines
72
- }
73
- }
74
-
75
- // Hover/Focus state
76
- .dropdown-menu > li > a {
77
- &:hover,
78
- &:focus {
79
- text-decoration: none;
80
- color: $dropdown-link-hover-color;
81
- background-color: $dropdown-link-hover-bg;
82
- }
83
- }
84
-
85
- // Active state
86
- .dropdown-menu > .active > a {
87
- &,
88
- &:hover,
89
- &:focus {
90
- color: $dropdown-link-active-color;
91
- text-decoration: none;
92
- outline: 0;
93
- background-color: $dropdown-link-active-bg;
94
- }
95
- }
96
-
97
- // Disabled state
98
- //
99
- // Gray out text and ensure the hover/focus state remains gray
100
-
101
- .dropdown-menu > .disabled > a {
102
- &,
103
- &:hover,
104
- &:focus {
105
- color: $dropdown-link-disabled-color;
106
- }
107
-
108
- // Nuke hover/focus effects
109
- &:hover,
110
- &:focus {
111
- text-decoration: none;
112
- background-color: transparent;
113
- background-image: none; // Remove CSS gradient
114
- @include reset-filter;
115
- cursor: $cursor-disabled;
116
- }
117
- }
118
-
119
- // Open state for the dropdown
120
- .open {
121
- // Show the menu
122
- > .dropdown-menu {
123
- display: block;
124
- }
125
-
126
- // Remove the outline when :focus is triggered
127
- > a {
128
- outline: 0;
129
- }
130
- }
131
-
132
- // Menu positioning
133
- //
134
- // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
135
- // menu with the parent.
136
- .dropdown-menu-right {
137
- left: auto; // Reset the default from `.dropdown-menu`
138
- right: 0;
139
- }
140
- // With v3, we enabled auto-flipping if you have a dropdown within a right
141
- // aligned nav component. To enable the undoing of that, we provide an override
142
- // to restore the default dropdown menu alignment.
143
- //
144
- // This is only for left-aligning a dropdown menu within a `.navbar-right` or
145
- // `.pull-right` nav component.
146
- .dropdown-menu-left {
147
- left: 0;
148
- right: auto;
149
- }
150
-
151
- // Dropdown section headers
152
- .dropdown-header {
153
- display: block;
154
- padding: 3px 20px;
155
- font-size: $font-size-small;
156
- line-height: $line-height-base;
157
- color: $dropdown-header-color;
158
- white-space: nowrap; // as with > li > a
159
- }
160
-
161
- // Backdrop to catch body clicks on mobile, etc.
162
- .dropdown-backdrop {
163
- position: fixed;
164
- left: 0;
165
- right: 0;
166
- bottom: 0;
167
- top: 0;
168
- z-index: ($zindex-dropdown - 10);
169
- }
170
-
171
- // Right aligned dropdowns
172
- .pull-right > .dropdown-menu {
173
- right: 0;
174
- left: auto;
175
- }
176
-
177
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
178
- //
179
- // Just add .dropup after the standard .dropdown class and you're set, bro.
180
- // TODO: abstract this so that the navbar fixed styles are not placed here?
181
-
182
- .dropup,
183
- .navbar-fixed-bottom .dropdown {
184
- // Reverse the caret
185
- .caret {
186
- border-top: 0;
187
- border-bottom: $caret-width-base solid;
188
- content: "";
189
- }
190
- // Different positioning for bottom up menu
191
- .dropdown-menu {
192
- top: auto;
193
- bottom: 100%;
194
- margin-bottom: 2px;
195
- }
196
- }
197
-
198
-
199
- // Component alignment
200
- //
201
- // Reiterate per navbar.less and the modified component alignment there.
202
-
203
- @media (min-width: $grid-float-breakpoint) {
204
- .navbar-right {
205
- .dropdown-menu {
206
- right: 0; left: auto;
207
- }
208
- // Necessary for overrides of the default right aligned menu.
209
- // Will remove come v4 in all likelihood.
210
- .dropdown-menu-left {
211
- left: 0; right: auto;
212
- }
213
- }
214
- }
@@ -1,305 +0,0 @@
1
- //
2
- // Glyphicons for Bootstrap
3
- //
4
- // Since icons are fonts, they can be placed anywhere text is placed and are
5
- // thus automatically sized to match the surrounding child. To use, create an
6
- // inline element with the appropriate classes, like so:
7
- //
8
- // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
9
-
10
- // Import the fonts
11
- @font-face {
12
- font-family: 'Glyphicons Halflings';
13
- src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
14
- src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
15
- url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff2'), '#{$icon-font-path}#{$icon-font-name}.woff2')) format('woff2'),
16
- url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
17
- url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
18
- url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
19
- }
20
-
21
- // Catchall baseclass
22
- .glyphicon {
23
- position: relative;
24
- top: 1px;
25
- display: inline-block;
26
- font-family: 'Glyphicons Halflings';
27
- font-style: normal;
28
- font-weight: normal;
29
- line-height: 1;
30
- -webkit-font-smoothing: antialiased;
31
- -moz-osx-font-smoothing: grayscale;
32
- }
33
-
34
- // Individual icons
35
- .glyphicon-asterisk { &:before { content: "\2a"; } }
36
- .glyphicon-plus { &:before { content: "\2b"; } }
37
- .glyphicon-euro,
38
- .glyphicon-eur { &:before { content: "\20ac"; } }
39
- .glyphicon-minus { &:before { content: "\2212"; } }
40
- .glyphicon-cloud { &:before { content: "\2601"; } }
41
- .glyphicon-envelope { &:before { content: "\2709"; } }
42
- .glyphicon-pencil { &:before { content: "\270f"; } }
43
- .glyphicon-glass { &:before { content: "\e001"; } }
44
- .glyphicon-music { &:before { content: "\e002"; } }
45
- .glyphicon-search { &:before { content: "\e003"; } }
46
- .glyphicon-heart { &:before { content: "\e005"; } }
47
- .glyphicon-star { &:before { content: "\e006"; } }
48
- .glyphicon-star-empty { &:before { content: "\e007"; } }
49
- .glyphicon-user { &:before { content: "\e008"; } }
50
- .glyphicon-film { &:before { content: "\e009"; } }
51
- .glyphicon-th-large { &:before { content: "\e010"; } }
52
- .glyphicon-th { &:before { content: "\e011"; } }
53
- .glyphicon-th-list { &:before { content: "\e012"; } }
54
- .glyphicon-ok { &:before { content: "\e013"; } }
55
- .glyphicon-remove { &:before { content: "\e014"; } }
56
- .glyphicon-zoom-in { &:before { content: "\e015"; } }
57
- .glyphicon-zoom-out { &:before { content: "\e016"; } }
58
- .glyphicon-off { &:before { content: "\e017"; } }
59
- .glyphicon-signal { &:before { content: "\e018"; } }
60
- .glyphicon-cog { &:before { content: "\e019"; } }
61
- .glyphicon-trash { &:before { content: "\e020"; } }
62
- .glyphicon-home { &:before { content: "\e021"; } }
63
- .glyphicon-file { &:before { content: "\e022"; } }
64
- .glyphicon-time { &:before { content: "\e023"; } }
65
- .glyphicon-road { &:before { content: "\e024"; } }
66
- .glyphicon-download-alt { &:before { content: "\e025"; } }
67
- .glyphicon-download { &:before { content: "\e026"; } }
68
- .glyphicon-upload { &:before { content: "\e027"; } }
69
- .glyphicon-inbox { &:before { content: "\e028"; } }
70
- .glyphicon-play-circle { &:before { content: "\e029"; } }
71
- .glyphicon-repeat { &:before { content: "\e030"; } }
72
- .glyphicon-refresh { &:before { content: "\e031"; } }
73
- .glyphicon-list-alt { &:before { content: "\e032"; } }
74
- .glyphicon-lock { &:before { content: "\e033"; } }
75
- .glyphicon-flag { &:before { content: "\e034"; } }
76
- .glyphicon-headphones { &:before { content: "\e035"; } }
77
- .glyphicon-volume-off { &:before { content: "\e036"; } }
78
- .glyphicon-volume-down { &:before { content: "\e037"; } }
79
- .glyphicon-volume-up { &:before { content: "\e038"; } }
80
- .glyphicon-qrcode { &:before { content: "\e039"; } }
81
- .glyphicon-barcode { &:before { content: "\e040"; } }
82
- .glyphicon-tag { &:before { content: "\e041"; } }
83
- .glyphicon-tags { &:before { content: "\e042"; } }
84
- .glyphicon-book { &:before { content: "\e043"; } }
85
- .glyphicon-bookmark { &:before { content: "\e044"; } }
86
- .glyphicon-print { &:before { content: "\e045"; } }
87
- .glyphicon-camera { &:before { content: "\e046"; } }
88
- .glyphicon-font { &:before { content: "\e047"; } }
89
- .glyphicon-bold { &:before { content: "\e048"; } }
90
- .glyphicon-italic { &:before { content: "\e049"; } }
91
- .glyphicon-text-height { &:before { content: "\e050"; } }
92
- .glyphicon-text-width { &:before { content: "\e051"; } }
93
- .glyphicon-align-left { &:before { content: "\e052"; } }
94
- .glyphicon-align-center { &:before { content: "\e053"; } }
95
- .glyphicon-align-right { &:before { content: "\e054"; } }
96
- .glyphicon-align-justify { &:before { content: "\e055"; } }
97
- .glyphicon-list { &:before { content: "\e056"; } }
98
- .glyphicon-indent-left { &:before { content: "\e057"; } }
99
- .glyphicon-indent-right { &:before { content: "\e058"; } }
100
- .glyphicon-facetime-video { &:before { content: "\e059"; } }
101
- .glyphicon-picture { &:before { content: "\e060"; } }
102
- .glyphicon-map-marker { &:before { content: "\e062"; } }
103
- .glyphicon-adjust { &:before { content: "\e063"; } }
104
- .glyphicon-tint { &:before { content: "\e064"; } }
105
- .glyphicon-edit { &:before { content: "\e065"; } }
106
- .glyphicon-share { &:before { content: "\e066"; } }
107
- .glyphicon-check { &:before { content: "\e067"; } }
108
- .glyphicon-move { &:before { content: "\e068"; } }
109
- .glyphicon-step-backward { &:before { content: "\e069"; } }
110
- .glyphicon-fast-backward { &:before { content: "\e070"; } }
111
- .glyphicon-backward { &:before { content: "\e071"; } }
112
- .glyphicon-play { &:before { content: "\e072"; } }
113
- .glyphicon-pause { &:before { content: "\e073"; } }
114
- .glyphicon-stop { &:before { content: "\e074"; } }
115
- .glyphicon-forward { &:before { content: "\e075"; } }
116
- .glyphicon-fast-forward { &:before { content: "\e076"; } }
117
- .glyphicon-step-forward { &:before { content: "\e077"; } }
118
- .glyphicon-eject { &:before { content: "\e078"; } }
119
- .glyphicon-chevron-left { &:before { content: "\e079"; } }
120
- .glyphicon-chevron-right { &:before { content: "\e080"; } }
121
- .glyphicon-plus-sign { &:before { content: "\e081"; } }
122
- .glyphicon-minus-sign { &:before { content: "\e082"; } }
123
- .glyphicon-remove-sign { &:before { content: "\e083"; } }
124
- .glyphicon-ok-sign { &:before { content: "\e084"; } }
125
- .glyphicon-question-sign { &:before { content: "\e085"; } }
126
- .glyphicon-info-sign { &:before { content: "\e086"; } }
127
- .glyphicon-screenshot { &:before { content: "\e087"; } }
128
- .glyphicon-remove-circle { &:before { content: "\e088"; } }
129
- .glyphicon-ok-circle { &:before { content: "\e089"; } }
130
- .glyphicon-ban-circle { &:before { content: "\e090"; } }
131
- .glyphicon-arrow-left { &:before { content: "\e091"; } }
132
- .glyphicon-arrow-right { &:before { content: "\e092"; } }
133
- .glyphicon-arrow-up { &:before { content: "\e093"; } }
134
- .glyphicon-arrow-down { &:before { content: "\e094"; } }
135
- .glyphicon-share-alt { &:before { content: "\e095"; } }
136
- .glyphicon-resize-full { &:before { content: "\e096"; } }
137
- .glyphicon-resize-small { &:before { content: "\e097"; } }
138
- .glyphicon-exclamation-sign { &:before { content: "\e101"; } }
139
- .glyphicon-gift { &:before { content: "\e102"; } }
140
- .glyphicon-leaf { &:before { content: "\e103"; } }
141
- .glyphicon-fire { &:before { content: "\e104"; } }
142
- .glyphicon-eye-open { &:before { content: "\e105"; } }
143
- .glyphicon-eye-close { &:before { content: "\e106"; } }
144
- .glyphicon-warning-sign { &:before { content: "\e107"; } }
145
- .glyphicon-plane { &:before { content: "\e108"; } }
146
- .glyphicon-calendar { &:before { content: "\e109"; } }
147
- .glyphicon-random { &:before { content: "\e110"; } }
148
- .glyphicon-comment { &:before { content: "\e111"; } }
149
- .glyphicon-magnet { &:before { content: "\e112"; } }
150
- .glyphicon-chevron-up { &:before { content: "\e113"; } }
151
- .glyphicon-chevron-down { &:before { content: "\e114"; } }
152
- .glyphicon-retweet { &:before { content: "\e115"; } }
153
- .glyphicon-shopping-cart { &:before { content: "\e116"; } }
154
- .glyphicon-folder-close { &:before { content: "\e117"; } }
155
- .glyphicon-folder-open { &:before { content: "\e118"; } }
156
- .glyphicon-resize-vertical { &:before { content: "\e119"; } }
157
- .glyphicon-resize-horizontal { &:before { content: "\e120"; } }
158
- .glyphicon-hdd { &:before { content: "\e121"; } }
159
- .glyphicon-bullhorn { &:before { content: "\e122"; } }
160
- .glyphicon-bell { &:before { content: "\e123"; } }
161
- .glyphicon-certificate { &:before { content: "\e124"; } }
162
- .glyphicon-thumbs-up { &:before { content: "\e125"; } }
163
- .glyphicon-thumbs-down { &:before { content: "\e126"; } }
164
- .glyphicon-hand-right { &:before { content: "\e127"; } }
165
- .glyphicon-hand-left { &:before { content: "\e128"; } }
166
- .glyphicon-hand-up { &:before { content: "\e129"; } }
167
- .glyphicon-hand-down { &:before { content: "\e130"; } }
168
- .glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
169
- .glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
170
- .glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
171
- .glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
172
- .glyphicon-globe { &:before { content: "\e135"; } }
173
- .glyphicon-wrench { &:before { content: "\e136"; } }
174
- .glyphicon-tasks { &:before { content: "\e137"; } }
175
- .glyphicon-filter { &:before { content: "\e138"; } }
176
- .glyphicon-briefcase { &:before { content: "\e139"; } }
177
- .glyphicon-fullscreen { &:before { content: "\e140"; } }
178
- .glyphicon-dashboard { &:before { content: "\e141"; } }
179
- .glyphicon-paperclip { &:before { content: "\e142"; } }
180
- .glyphicon-heart-empty { &:before { content: "\e143"; } }
181
- .glyphicon-link { &:before { content: "\e144"; } }
182
- .glyphicon-phone { &:before { content: "\e145"; } }
183
- .glyphicon-pushpin { &:before { content: "\e146"; } }
184
- .glyphicon-usd { &:before { content: "\e148"; } }
185
- .glyphicon-gbp { &:before { content: "\e149"; } }
186
- .glyphicon-sort { &:before { content: "\e150"; } }
187
- .glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
188
- .glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
189
- .glyphicon-sort-by-order { &:before { content: "\e153"; } }
190
- .glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
191
- .glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
192
- .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
193
- .glyphicon-unchecked { &:before { content: "\e157"; } }
194
- .glyphicon-expand { &:before { content: "\e158"; } }
195
- .glyphicon-collapse-down { &:before { content: "\e159"; } }
196
- .glyphicon-collapse-up { &:before { content: "\e160"; } }
197
- .glyphicon-log-in { &:before { content: "\e161"; } }
198
- .glyphicon-flash { &:before { content: "\e162"; } }
199
- .glyphicon-log-out { &:before { content: "\e163"; } }
200
- .glyphicon-new-window { &:before { content: "\e164"; } }
201
- .glyphicon-record { &:before { content: "\e165"; } }
202
- .glyphicon-save { &:before { content: "\e166"; } }
203
- .glyphicon-open { &:before { content: "\e167"; } }
204
- .glyphicon-saved { &:before { content: "\e168"; } }
205
- .glyphicon-import { &:before { content: "\e169"; } }
206
- .glyphicon-export { &:before { content: "\e170"; } }
207
- .glyphicon-send { &:before { content: "\e171"; } }
208
- .glyphicon-floppy-disk { &:before { content: "\e172"; } }
209
- .glyphicon-floppy-saved { &:before { content: "\e173"; } }
210
- .glyphicon-floppy-remove { &:before { content: "\e174"; } }
211
- .glyphicon-floppy-save { &:before { content: "\e175"; } }
212
- .glyphicon-floppy-open { &:before { content: "\e176"; } }
213
- .glyphicon-credit-card { &:before { content: "\e177"; } }
214
- .glyphicon-transfer { &:before { content: "\e178"; } }
215
- .glyphicon-cutlery { &:before { content: "\e179"; } }
216
- .glyphicon-header { &:before { content: "\e180"; } }
217
- .glyphicon-compressed { &:before { content: "\e181"; } }
218
- .glyphicon-earphone { &:before { content: "\e182"; } }
219
- .glyphicon-phone-alt { &:before { content: "\e183"; } }
220
- .glyphicon-tower { &:before { content: "\e184"; } }
221
- .glyphicon-stats { &:before { content: "\e185"; } }
222
- .glyphicon-sd-video { &:before { content: "\e186"; } }
223
- .glyphicon-hd-video { &:before { content: "\e187"; } }
224
- .glyphicon-subtitles { &:before { content: "\e188"; } }
225
- .glyphicon-sound-stereo { &:before { content: "\e189"; } }
226
- .glyphicon-sound-dolby { &:before { content: "\e190"; } }
227
- .glyphicon-sound-5-1 { &:before { content: "\e191"; } }
228
- .glyphicon-sound-6-1 { &:before { content: "\e192"; } }
229
- .glyphicon-sound-7-1 { &:before { content: "\e193"; } }
230
- .glyphicon-copyright-mark { &:before { content: "\e194"; } }
231
- .glyphicon-registration-mark { &:before { content: "\e195"; } }
232
- .glyphicon-cloud-download { &:before { content: "\e197"; } }
233
- .glyphicon-cloud-upload { &:before { content: "\e198"; } }
234
- .glyphicon-tree-conifer { &:before { content: "\e199"; } }
235
- .glyphicon-tree-deciduous { &:before { content: "\e200"; } }
236
- .glyphicon-cd { &:before { content: "\e201"; } }
237
- .glyphicon-save-file { &:before { content: "\e202"; } }
238
- .glyphicon-open-file { &:before { content: "\e203"; } }
239
- .glyphicon-level-up { &:before { content: "\e204"; } }
240
- .glyphicon-copy { &:before { content: "\e205"; } }
241
- .glyphicon-paste { &:before { content: "\e206"; } }
242
- // The following 2 Glyphicons are omitted for the time being because
243
- // they currently use Unicode codepoints that are outside the
244
- // Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle
245
- // non-BMP codepoints in CSS string escapes, and thus can't display these two icons.
246
- // Notably, the bug affects some older versions of the Android Browser.
247
- // More info: https://github.com/twbs/bootstrap/issues/10106
248
- // .glyphicon-door { &:before { content: "\1f6aa"; } }
249
- // .glyphicon-key { &:before { content: "\1f511"; } }
250
- .glyphicon-alert { &:before { content: "\e209"; } }
251
- .glyphicon-equalizer { &:before { content: "\e210"; } }
252
- .glyphicon-king { &:before { content: "\e211"; } }
253
- .glyphicon-queen { &:before { content: "\e212"; } }
254
- .glyphicon-pawn { &:before { content: "\e213"; } }
255
- .glyphicon-bishop { &:before { content: "\e214"; } }
256
- .glyphicon-knight { &:before { content: "\e215"; } }
257
- .glyphicon-baby-formula { &:before { content: "\e216"; } }
258
- .glyphicon-tent { &:before { content: "\26fa"; } }
259
- .glyphicon-blackboard { &:before { content: "\e218"; } }
260
- .glyphicon-bed { &:before { content: "\e219"; } }
261
- .glyphicon-apple { &:before { content: "\f8ff"; } }
262
- .glyphicon-erase { &:before { content: "\e221"; } }
263
- .glyphicon-hourglass { &:before { content: "\231b"; } }
264
- .glyphicon-lamp { &:before { content: "\e223"; } }
265
- .glyphicon-duplicate { &:before { content: "\e224"; } }
266
- .glyphicon-piggy-bank { &:before { content: "\e225"; } }
267
- .glyphicon-scissors { &:before { content: "\e226"; } }
268
- .glyphicon-bitcoin { &:before { content: "\e227"; } }
269
- .glyphicon-btc { &:before { content: "\e227"; } }
270
- .glyphicon-xbt { &:before { content: "\e227"; } }
271
- .glyphicon-yen { &:before { content: "\00a5"; } }
272
- .glyphicon-jpy { &:before { content: "\00a5"; } }
273
- .glyphicon-ruble { &:before { content: "\20bd"; } }
274
- .glyphicon-rub { &:before { content: "\20bd"; } }
275
- .glyphicon-scale { &:before { content: "\e230"; } }
276
- .glyphicon-ice-lolly { &:before { content: "\e231"; } }
277
- .glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } }
278
- .glyphicon-education { &:before { content: "\e233"; } }
279
- .glyphicon-option-horizontal { &:before { content: "\e234"; } }
280
- .glyphicon-option-vertical { &:before { content: "\e235"; } }
281
- .glyphicon-menu-hamburger { &:before { content: "\e236"; } }
282
- .glyphicon-modal-window { &:before { content: "\e237"; } }
283
- .glyphicon-oil { &:before { content: "\e238"; } }
284
- .glyphicon-grain { &:before { content: "\e239"; } }
285
- .glyphicon-sunglasses { &:before { content: "\e240"; } }
286
- .glyphicon-text-size { &:before { content: "\e241"; } }
287
- .glyphicon-text-color { &:before { content: "\e242"; } }
288
- .glyphicon-text-background { &:before { content: "\e243"; } }
289
- .glyphicon-object-align-top { &:before { content: "\e244"; } }
290
- .glyphicon-object-align-bottom { &:before { content: "\e245"; } }
291
- .glyphicon-object-align-horizontal{ &:before { content: "\e246"; } }
292
- .glyphicon-object-align-left { &:before { content: "\e247"; } }
293
- .glyphicon-object-align-vertical { &:before { content: "\e248"; } }
294
- .glyphicon-object-align-right { &:before { content: "\e249"; } }
295
- .glyphicon-triangle-right { &:before { content: "\e250"; } }
296
- .glyphicon-triangle-left { &:before { content: "\e251"; } }
297
- .glyphicon-triangle-bottom { &:before { content: "\e252"; } }
298
- .glyphicon-triangle-top { &:before { content: "\e253"; } }
299
- .glyphicon-console { &:before { content: "\e254"; } }
300
- .glyphicon-superscript { &:before { content: "\e255"; } }
301
- .glyphicon-subscript { &:before { content: "\e256"; } }
302
- .glyphicon-menu-left { &:before { content: "\e257"; } }
303
- .glyphicon-menu-right { &:before { content: "\e258"; } }
304
- .glyphicon-menu-down { &:before { content: "\e259"; } }
305
- .glyphicon-menu-up { &:before { content: "\e260"; } }