active_frontend 13.3.0 → 14.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (221) hide show
  1. checksums.yaml +4 -4
  2. data/.DS_Store +0 -0
  3. data/.fasterer.yml +19 -0
  4. data/.reek +27 -0
  5. data/.rubocop.yml +38 -0
  6. data/.scss-lint.yml +27 -0
  7. data/Rakefile +1 -1
  8. data/active_frontend.gemspec +21 -18
  9. data/app/.DS_Store +0 -0
  10. data/app/assets/.DS_Store +0 -0
  11. data/app/assets/fonts/.DS_Store +0 -0
  12. data/app/assets/fonts/dripicons/.DS_Store +0 -0
  13. data/app/assets/fonts/dripicons/dripicons.woff +0 -0
  14. data/app/assets/fonts/fakt-pro/.DS_Store +0 -0
  15. data/app/assets/fonts/fakt-pro/fakt-pro-bold.woff +0 -0
  16. data/app/assets/fonts/fakt-pro/fakt-pro-normal.woff +0 -0
  17. data/app/assets/fonts/fakt-pro/fakt-pro-semibold.woff +0 -0
  18. data/app/assets/fonts/fakt-pro/fakt-pro-semilight.woff +0 -0
  19. data/app/assets/fonts/fakt-soft-pro/.DS_Store +0 -0
  20. data/app/assets/fonts/fakt-soft-pro/fakt-soft-pro-bold.woff +0 -0
  21. data/app/assets/fonts/fakt-soft-pro/fakt-soft-pro-normal.woff +0 -0
  22. data/app/assets/fonts/fakt-soft-pro/fakt-soft-pro-semibold.woff +0 -0
  23. data/app/assets/fonts/fakt-soft-pro/fakt-soft-pro-semilight.woff +0 -0
  24. data/app/assets/images/.DS_Store +0 -0
  25. data/app/assets/images/.keep +0 -0
  26. data/app/assets/images/placeholders/.DS_Store +0 -0
  27. data/app/assets/images/placeholders/camera-large.png +0 -0
  28. data/app/assets/images/placeholders/camera-small.png +0 -0
  29. data/app/assets/images/placeholders/camera.png +0 -0
  30. data/app/assets/images/placeholders/document-large.png +0 -0
  31. data/app/assets/images/placeholders/document-small.png +0 -0
  32. data/app/assets/images/placeholders/document.png +0 -0
  33. data/app/assets/images/placeholders/photo-large.png +0 -0
  34. data/app/assets/images/placeholders/{picture-small.png → photo-small.png} +0 -0
  35. data/app/assets/images/placeholders/photo.png +0 -0
  36. data/app/assets/images/placeholders/store-large.png +0 -0
  37. data/app/assets/images/placeholders/store-small.png +0 -0
  38. data/app/assets/images/placeholders/store.png +0 -0
  39. data/app/assets/images/placeholders/user-large.png +0 -0
  40. data/app/assets/images/placeholders/user-small.png +0 -0
  41. data/app/assets/images/placeholders/user.png +0 -0
  42. data/app/helpers/active_frontend_helper.rb +22 -37
  43. data/lib/.DS_Store +0 -0
  44. data/lib/active_frontend.rb +3 -4
  45. data/lib/active_frontend/.DS_Store +0 -0
  46. data/lib/active_frontend/version.rb +1 -1
  47. data/lib/generators/active_frontend/install_generator.rb +3 -3
  48. data/lib/generators/active_frontend/templates/install.js +35 -30
  49. data/lib/generators/active_frontend/templates/install.scss +55 -58
  50. data/vendor/.DS_Store +0 -0
  51. data/vendor/assets/.DS_Store +0 -0
  52. data/vendor/assets/javascripts/.DS_Store +0 -0
  53. data/vendor/assets/javascripts/active_frontend.js +35 -30
  54. data/vendor/assets/javascripts/base/_affix.js +170 -0
  55. data/vendor/assets/javascripts/base/_alert.js +80 -0
  56. data/vendor/assets/javascripts/base/_animation.js +106 -0
  57. data/vendor/assets/javascripts/base/_button.js +123 -0
  58. data/vendor/assets/javascripts/base/_carousel.js +237 -0
  59. data/vendor/assets/javascripts/base/_collapse.js +200 -0
  60. data/vendor/assets/javascripts/base/_colorpicker.js +147 -0
  61. data/vendor/assets/javascripts/base/_datepicker.js +1411 -0
  62. data/vendor/assets/javascripts/base/_dropdown.js +154 -0
  63. data/vendor/assets/javascripts/base/_filepicker.js +235 -0
  64. data/vendor/assets/javascripts/base/_hoverdown.js +116 -0
  65. data/vendor/assets/javascripts/base/_layout.js +126 -0
  66. data/vendor/assets/javascripts/base/_list.js +103 -0
  67. data/vendor/assets/javascripts/{_modal.js → base/_modal.js} +170 -167
  68. data/vendor/assets/javascripts/base/_popover.js +101 -0
  69. data/vendor/assets/javascripts/base/_scrollspy.js +161 -0
  70. data/vendor/assets/javascripts/base/_switch.js +160 -0
  71. data/vendor/assets/javascripts/base/_tab.js +139 -0
  72. data/vendor/assets/javascripts/base/_table.js +224 -0
  73. data/vendor/assets/javascripts/base/_timeago.js +270 -0
  74. data/vendor/assets/javascripts/base/_timepicker.js +541 -0
  75. data/vendor/assets/javascripts/base/_tooltip.js +525 -0
  76. data/vendor/assets/javascripts/base/_tour.js +268 -0
  77. data/vendor/assets/javascripts/base/_transition.js +52 -0
  78. data/vendor/assets/javascripts/base/_typeahead.js +362 -0
  79. data/vendor/assets/javascripts/extensions/_calendar.js +4709 -0
  80. data/vendor/assets/javascripts/extensions/_chart.js +9371 -0
  81. data/vendor/assets/javascripts/extensions/_map.js +2153 -0
  82. data/vendor/assets/stylesheets/.DS_Store +0 -0
  83. data/vendor/assets/stylesheets/{_mixin.scss → _utility.scss} +96 -10
  84. data/vendor/assets/stylesheets/_variable.scss +201 -19
  85. data/vendor/assets/stylesheets/active_frontend.scss +55 -58
  86. data/vendor/assets/stylesheets/blocks/_anchor.scss +15 -0
  87. data/vendor/assets/stylesheets/blocks/_button.scss +278 -0
  88. data/vendor/assets/stylesheets/blocks/_code.scss +144 -0
  89. data/vendor/assets/stylesheets/blocks/_common.scss +127 -0
  90. data/vendor/assets/stylesheets/blocks/_form.scss +508 -0
  91. data/vendor/assets/stylesheets/blocks/_icon.scss +359 -0
  92. data/vendor/assets/stylesheets/blocks/_list.scss +76 -0
  93. data/vendor/assets/stylesheets/blocks/_multimedia.scss +62 -0
  94. data/vendor/assets/stylesheets/blocks/_reset.scss +179 -0
  95. data/vendor/assets/stylesheets/blocks/_table.scss +211 -0
  96. data/vendor/assets/stylesheets/blocks/_typography.scss +204 -0
  97. data/vendor/assets/stylesheets/components/_ad.scss +78 -0
  98. data/vendor/assets/stylesheets/components/_affix.scss +14 -0
  99. data/vendor/assets/stylesheets/components/_alert.scss +50 -0
  100. data/vendor/assets/stylesheets/components/_animation.scss +1670 -0
  101. data/vendor/assets/stylesheets/components/_breadcrumb.scss +17 -0
  102. data/vendor/assets/stylesheets/components/_calendar.scss +213 -0
  103. data/vendor/assets/stylesheets/components/_card.scss +30 -0
  104. data/vendor/assets/stylesheets/components/_carousel.scss +135 -0
  105. data/vendor/assets/stylesheets/components/_chart.scss +10 -0
  106. data/vendor/assets/stylesheets/components/_collapse.scss +17 -0
  107. data/vendor/assets/stylesheets/components/_colorpicker.scss +38 -0
  108. data/vendor/assets/stylesheets/components/_datepicker.scss +80 -0
  109. data/vendor/assets/stylesheets/components/_dropmenu.scss +151 -0
  110. data/vendor/assets/stylesheets/components/_footer.scss +11 -0
  111. data/vendor/assets/stylesheets/components/_grid.scss +144 -0
  112. data/vendor/assets/stylesheets/components/_header.scss +99 -0
  113. data/vendor/assets/stylesheets/components/_label_and_badge.scss +57 -0
  114. data/vendor/assets/stylesheets/components/_layout.scss +63 -0
  115. data/vendor/assets/stylesheets/components/_map.scss +14 -0
  116. data/vendor/assets/stylesheets/components/_milestone.scss +49 -0
  117. data/vendor/assets/stylesheets/components/_missive.scss +40 -0
  118. data/vendor/assets/stylesheets/components/_modal.scss +126 -0
  119. data/vendor/assets/stylesheets/components/_nav_and_tab.scss +202 -0
  120. data/vendor/assets/stylesheets/components/_navbar.scss +66 -0
  121. data/vendor/assets/stylesheets/components/_pagination.scss +79 -0
  122. data/vendor/assets/stylesheets/components/_placeholder.scss +23 -0
  123. data/vendor/assets/stylesheets/components/_popover.scss +167 -0
  124. data/vendor/assets/stylesheets/components/_progress.scss +62 -0
  125. data/vendor/assets/stylesheets/components/_sidebar.scss +74 -0
  126. data/vendor/assets/stylesheets/components/_spinner.scss +83 -0
  127. data/vendor/assets/stylesheets/components/_switch.scss +150 -0
  128. data/vendor/assets/stylesheets/components/_timepicker.scss +30 -0
  129. data/vendor/assets/stylesheets/components/_tooltip.scss +93 -0
  130. data/vendor/assets/stylesheets/components/_transition.scss +12 -0
  131. data/vendor/assets/stylesheets/components/_typeahead.scss +18 -0
  132. metadata +150 -94
  133. data/app/assets/fonts/gotham/gotham-bold.woff +0 -0
  134. data/app/assets/fonts/gotham/gotham-book.woff +0 -0
  135. data/app/assets/fonts/gotham/gotham-light.woff +0 -0
  136. data/app/assets/fonts/gotham/gotham-medium.woff +0 -0
  137. data/app/assets/fonts/gotham/gotham-rounded-bold.woff +0 -0
  138. data/app/assets/fonts/gotham/gotham-rounded-book.woff +0 -0
  139. data/app/assets/fonts/gotham/gotham-rounded-light.woff +0 -0
  140. data/app/assets/fonts/gotham/gotham-rounded-medium.woff +0 -0
  141. data/app/assets/images/placeholders/archive-large.png +0 -0
  142. data/app/assets/images/placeholders/archive-small.png +0 -0
  143. data/app/assets/images/placeholders/archive.png +0 -0
  144. data/app/assets/images/placeholders/picture-large.png +0 -0
  145. data/app/assets/images/placeholders/picture.png +0 -0
  146. data/vendor/assets/javascripts/_affix.js +0 -153
  147. data/vendor/assets/javascripts/_alert.js +0 -85
  148. data/vendor/assets/javascripts/_animation.js +0 -103
  149. data/vendor/assets/javascripts/_button.js +0 -107
  150. data/vendor/assets/javascripts/_carousel.js +0 -228
  151. data/vendor/assets/javascripts/_chart.js +0 -3742
  152. data/vendor/assets/javascripts/_collapse.js +0 -202
  153. data/vendor/assets/javascripts/_color_picker.js +0 -108
  154. data/vendor/assets/javascripts/_date_picker.js +0 -1650
  155. data/vendor/assets/javascripts/_dropdown.js +0 -156
  156. data/vendor/assets/javascripts/_file_input.js +0 -71
  157. data/vendor/assets/javascripts/_hoverdown.js +0 -109
  158. data/vendor/assets/javascripts/_inputmask.js +0 -341
  159. data/vendor/assets/javascripts/_loader.js +0 -361
  160. data/vendor/assets/javascripts/_map.js +0 -2401
  161. data/vendor/assets/javascripts/_popover.js +0 -99
  162. data/vendor/assets/javascripts/_scrollspy.js +0 -163
  163. data/vendor/assets/javascripts/_slider.js +0 -1572
  164. data/vendor/assets/javascripts/_sort.js +0 -1432
  165. data/vendor/assets/javascripts/_swoggle.js +0 -415
  166. data/vendor/assets/javascripts/_tab.js +0 -146
  167. data/vendor/assets/javascripts/_tablespy.js +0 -1883
  168. data/vendor/assets/javascripts/_time_ago.js +0 -206
  169. data/vendor/assets/javascripts/_time_picker.js +0 -1088
  170. data/vendor/assets/javascripts/_tooltip.js +0 -504
  171. data/vendor/assets/javascripts/_transition.js +0 -50
  172. data/vendor/assets/javascripts/_typeahead.js +0 -366
  173. data/vendor/assets/stylesheets/_ad.scss +0 -63
  174. data/vendor/assets/stylesheets/_affix.scss +0 -14
  175. data/vendor/assets/stylesheets/_alert.scss +0 -114
  176. data/vendor/assets/stylesheets/_animation.scss +0 -1370
  177. data/vendor/assets/stylesheets/_breadcrumb.scss +0 -100
  178. data/vendor/assets/stylesheets/_button.scss +0 -386
  179. data/vendor/assets/stylesheets/_canvas.scss +0 -182
  180. data/vendor/assets/stylesheets/_carousel.scss +0 -158
  181. data/vendor/assets/stylesheets/_chart.scss +0 -15
  182. data/vendor/assets/stylesheets/_code.scss +0 -150
  183. data/vendor/assets/stylesheets/_collapse.scss +0 -14
  184. data/vendor/assets/stylesheets/_color.scss +0 -55
  185. data/vendor/assets/stylesheets/_colorpicker.scss +0 -63
  186. data/vendor/assets/stylesheets/_datepicker.scss +0 -122
  187. data/vendor/assets/stylesheets/_dropdown.scss +0 -248
  188. data/vendor/assets/stylesheets/_footer.scss +0 -71
  189. data/vendor/assets/stylesheets/_form.scss +0 -661
  190. data/vendor/assets/stylesheets/_grid.scss +0 -184
  191. data/vendor/assets/stylesheets/_header.scss +0 -156
  192. data/vendor/assets/stylesheets/_icon.scss +0 -362
  193. data/vendor/assets/stylesheets/_image.scss +0 -33
  194. data/vendor/assets/stylesheets/_label_and_badge.scss +0 -104
  195. data/vendor/assets/stylesheets/_link.scss +0 -55
  196. data/vendor/assets/stylesheets/_list.scss +0 -122
  197. data/vendor/assets/stylesheets/_loader.scss +0 -71
  198. data/vendor/assets/stylesheets/_map.scss +0 -44
  199. data/vendor/assets/stylesheets/_missive.scss +0 -74
  200. data/vendor/assets/stylesheets/_modal.scss +0 -204
  201. data/vendor/assets/stylesheets/_nav_and_tab.scss +0 -230
  202. data/vendor/assets/stylesheets/_navbar.scss +0 -73
  203. data/vendor/assets/stylesheets/_pagination.scss +0 -79
  204. data/vendor/assets/stylesheets/_panel.scss +0 -80
  205. data/vendor/assets/stylesheets/_placeholder.scss +0 -63
  206. data/vendor/assets/stylesheets/_popover.scss +0 -128
  207. data/vendor/assets/stylesheets/_progress.scss +0 -86
  208. data/vendor/assets/stylesheets/_reset.scss +0 -140
  209. data/vendor/assets/stylesheets/_sidebar.scss +0 -148
  210. data/vendor/assets/stylesheets/_slider.scss +0 -151
  211. data/vendor/assets/stylesheets/_spinner.scss +0 -572
  212. data/vendor/assets/stylesheets/_subheader.scss +0 -112
  213. data/vendor/assets/stylesheets/_swoggle.scss +0 -120
  214. data/vendor/assets/stylesheets/_table.scss +0 -210
  215. data/vendor/assets/stylesheets/_timepicker.scss +0 -77
  216. data/vendor/assets/stylesheets/_toolbar.scss +0 -130
  217. data/vendor/assets/stylesheets/_tooltip.scss +0 -105
  218. data/vendor/assets/stylesheets/_transition.scss +0 -11
  219. data/vendor/assets/stylesheets/_trunk.scss +0 -147
  220. data/vendor/assets/stylesheets/_typeahead.scss +0 -18
  221. data/vendor/assets/stylesheets/_typography.scss +0 -233
@@ -1,184 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Variables
4
- # Container
5
- # Desktop
6
- # Laptop
7
- # Tablet
8
- # Mobile
9
- # Display
10
- # Pull
11
- # Row
12
- # Clearing */
13
-
14
- /* # Variables
15
- ================================================== */
16
- $sizes: (
17
- one: 10%,
18
- two: 20%,
19
- three: 30%,
20
- four: 40%,
21
- five: 50%,
22
- six: 60%,
23
- seven: 70%,
24
- eight: 80%,
25
- nine: 90%,
26
- ten: 100%,
27
- one-fourth: 25%,
28
- one-half: 50%,
29
- three-fourths: 75%,
30
- one-third: 33.33333%,
31
- two-thirds: 66.66666%
32
- );
33
-
34
- /* # Container
35
- ================================================== */
36
- .container {
37
- margin: 0 auto;
38
- padding: 0;
39
- position: relative;
40
- width: calc(100% - 20px);
41
- }
42
- .container-fixed { width: 1260px; }
43
- .column,
44
- .columns {
45
- display: inline;
46
- float: left;
47
- margin-left: 10px;
48
- margin-right: 10px;
49
- }
50
- .column.alpha,
51
- .columns.alpha {
52
- margin-left: 0;
53
- margin-right: 10px;
54
- }
55
- .column.omega,
56
- .columns.omega {
57
- margin-left: 10px;
58
- margin-right: 0;
59
- }
60
- .column.alpha.omega,
61
- .columns.alpha.omega {
62
- margin-left: 0;
63
- margin-right: 0;
64
- }
65
-
66
- /* # Desktop
67
- ================================================== */
68
- @each $name, $size in $sizes {
69
- .#{$name}.column,
70
- .#{$name}.columns { width: calc(#{$size} - 20px); }
71
- .#{$name}.column.alpha,
72
- .#{$name}.column.omega,
73
- .#{$name}.columns.alpha,
74
- .#{$name}.columns.omega { width: calc(#{$size} - 10px); }
75
- .#{$name}.column.alpha.omega,
76
- .#{$name}.columns.alpha.omega { width: $size; }
77
- .offset-by-#{$name} { padding-left: $size; }
78
- }
79
- .visible { display: inherit !important; }
80
- .hidden,
81
- .hidden-desktop { display: none !important; }
82
-
83
- /* # Laptop
84
- ================================================== */
85
- @media only screen and (min-width: 960px) and (max-width: 1365px) {
86
- .hidden-desktop { display: inline !important; }
87
- .hidden-laptop { display: none !important; }
88
- }
89
-
90
- /* # Tablet
91
- ================================================== */
92
- @media only screen and (min-width: 768px) and (max-width: 959px) {
93
- .hidden-desktop { display: inline !important; }
94
- .hidden-tablet { display: none !important; }
95
- }
96
-
97
- /* # Mobile
98
- ================================================== */
99
- @media only screen and (max-width: 767px) {
100
- @each $name, $size in $sizes {
101
- .#{$name}.column,
102
- .#{$name}.columns,
103
- .#{$name}.column.alpha,
104
- .#{$name}.column.omega,
105
- .#{$name}.columns.alpha,
106
- .#{$name}.columns.omega,
107
- .#{$name}.column.alpha.omega,
108
- .#{$name}.columns.alpha.omega, {
109
- margin: 0;
110
- width: 100%;
111
- }
112
- .offset-by-#{$name} { padding-left: 0; }
113
- }
114
- .hidden-desktop { display: inline !important; }
115
- .hidden-phone { display: none !important; }
116
- }
117
-
118
- /* # Display
119
- ================================================== */
120
- .display-block { display: block !important; }
121
- .display-inline { display: inline !important; }
122
- .display-inline-block { display: inline-block !important; }
123
- .display-table { display: table !important; }
124
-
125
- /* # Pull
126
- ================================================== */
127
- .pull-none { float: none; }
128
- .pull-left { float: left; }
129
- .pull-right { float: right; }
130
-
131
- /* # Row
132
- ================================================== */
133
- .row { margin-bottom: 20px; }
134
- .row-small { margin-bottom: 10px; }
135
- .row-medium { margin-bottom: 40px; }
136
- .row-large { margin-bottom: 60px; }
137
- @media only screen and (max-width: 767px) {
138
- .row-responsive { margin-bottom: 20px; }
139
- .row-responsive-small { margin-bottom: 10px; }
140
- .row-responsive-medium { margin-bottom: 40px; }
141
- .row-responsive-large { margin-bottom: 60px; }
142
- }
143
-
144
- /* # Clearing
145
- ================================================== */
146
- .clear,
147
- .clear:before,
148
- .clear:after,
149
- .clearfix:before,
150
- .row:before,
151
- .row-small:before,
152
- .row-medium:before,
153
- .row-large:before,
154
- .row-responsive:before,
155
- .row-responsive-small:before,
156
- .row-responsive-medium:before,
157
- .row-responsive-large:before,
158
- .row:after,
159
- .row-small:after,
160
- .row-medium:after,
161
- .row-large:after,
162
- .row-responsive:after,
163
- .row-responsive-small:after,
164
- .row-responsive-medium:after,
165
- .row-responsive-large:after,
166
- .clearfix:after, {
167
- clear: both;
168
- content: '\0020';
169
- display: block;
170
- height: 0;
171
- overflow: hidden;
172
- visibility: hidden;
173
- width: 0;
174
- }
175
- .clear,
176
- .clearfix,
177
- .row,
178
- .row-small,
179
- .row-medium,
180
- .row-large,
181
- .row-responsive,
182
- .row-responsive-small,
183
- .row-responsive-medium,
184
- .row-responsive-large { zoom: 1; }
@@ -1,156 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Header
4
- # Styles
5
- # Colors
6
- # Media Queries */
7
-
8
- /* # Header
9
- ================================================== */
10
- .header {
11
- background: $color-white;
12
- border-bottom: 1px solid;
13
- border-color: $color-haze;
14
- box-sizing: border-box;
15
- color: inherit;
16
- height: 60px;
17
- padding: 10px 0;
18
- min-width: 100%;
19
- width: 100%;
20
- }
21
- .header-brand {
22
- color: $color-primary;
23
- float: left;
24
- font-size: 32px;
25
- }
26
- .header-search {
27
- float: left;
28
- margin: -3px 0 0 20px;
29
- width: 280px;
30
- }
31
- .header-search > input {
32
- padding-top: 10px;
33
- padding-bottom: 9px;
34
- }
35
- .header-nav,
36
- .header-toolchain {
37
- float: left;
38
- font-size: 14px;
39
- font-weight: bold;
40
- list-style-type: none;
41
- margin: 8px 0 0 20px;
42
- padding: 0;
43
- }
44
- .header-toolchain {
45
- font-size: 36px;
46
- font-weight: normal;
47
- margin-top: 1px;
48
- }
49
- .header-nav.pull-right,
50
- .header-toolchain.pull-right {
51
- float: right;
52
- margin-left: 0;
53
- margin-right: 20px;
54
- }
55
- .header-nav > li,
56
- .header-toolchain > li {
57
- float: left;
58
- margin: 0 20px 0 0;
59
- }
60
- .header-nav > li:last-child,
61
- .header-toolchain > li:last-child { margin: 0; }
62
- .header-nav > li > .btn {
63
- margin-top: -9px;
64
- padding-top: 12px;
65
- padding-bottom: 12px;
66
- }
67
- .header-nav > li.btn-group { font-size: 14px !important; }
68
- .header-nav > li.spacer {
69
- color: $color-primary;
70
- font-size: 40px;
71
- margin-top: -7px;
72
- }
73
- .header-nav .label {
74
- border-radius: 2px;
75
- font-size: 10px;
76
- font-style: normal;
77
- letter-spacing: 0;
78
- line-height: 1;
79
- margin: -5px 0 -4px 0;
80
- min-width: 21px;
81
- padding: 5px 5px 4px 5px;
82
- vertical-align: middle;
83
- }
84
- .header-user {
85
- float: right;
86
- margin-top: -1px;
87
- }
88
- .header-user > a:hover,
89
- .header-user > a.active,
90
- .header-user > a:active,
91
- .header-user > a:focus { color: $color-primary; }
92
- .header-user > a > img {
93
- display: inline-block;
94
- height: 40px;
95
- width: 40px;
96
- }
97
- .header-user > a > i {
98
- float: right;
99
- font-size: 14px;
100
- margin: 13px 0 0 3px;
101
- }
102
- .header-user > ul.dropdown-menu { margin: -5px 10px 0 0; }
103
- .header-toggle {
104
- float: right;
105
- font-size: 24px;
106
- margin-top: 4px;
107
- }
108
-
109
- /* # Styles
110
- ================================================== */
111
- .header-borderless { border-bottom-color: $color-transparent; }
112
- .header-fixed {
113
- position: fixed;
114
- top: 0;
115
- min-width: inherit;
116
- width: inherit;
117
- z-index: 1040;
118
- }
119
- .header-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 20%); }
120
-
121
- /* # Colors
122
- ================================================== */
123
- .header-dark {
124
- background: $color-black;
125
- border-color: $color-dark-black;
126
- color: $color-white;
127
- }
128
- .header-dark.header-shadow { box-shadow: 0 0 3px $color-dark-black; }
129
- .header-invisible {
130
- background: $color-transparent;
131
- border-color: $color-transparent;
132
- }
133
- .header-invisible.header-shadow { box-shadow: 0; }
134
- .header-light {
135
- background: lighten($color-light-haze, 2%);
136
- border-color: $color-dark-haze;
137
- }
138
- .header-light.header-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 15%); }
139
-
140
- /* # Media Queries
141
- ================================================== */
142
- @media only screen and (max-width: 767px) {
143
- .header {
144
- height: 50px;
145
- padding: 5px 0;
146
- }
147
- }
148
- @media
149
- only screen and (-webkit-min-device-pixel-ratio: 2),
150
- only screen and ( min--moz-device-pixel-ratio: 2),
151
- only screen and ( -o-min-device-pixel-ratio: 2/1),
152
- only screen and ( min-device-pixel-ratio: 2),
153
- only screen and ( min-resolution: 192dpi),
154
- only screen and ( min-resolution: 2dppx) {
155
- .header { border-width: 0.5px; }
156
- }
@@ -1,362 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Keyframes
4
- # Font-face
5
- # Icon
6
- # Animation
7
- # Duration */
8
-
9
- /* # Keyframes
10
- ================================================== */
11
- @-webkit-keyframes icon-spin {
12
- 0% { @include transform(rotate(0)); }
13
- 100% { @include transform(rotate(359deg)); }
14
- }
15
- @keyframes icon-spin {
16
- 0% { @include transform(rotate(0)); }
17
- 100% { @include transform(rotate(359deg)); }
18
- }
19
-
20
- /* # Font-face
21
- ================================================== */
22
- @font-face {
23
- font-family: "dripicons";
24
- font-style: normal;
25
- font-weight: normal;
26
- src: url(font_path("dripicons/dripicons.woff")) format("woff");
27
- }
28
- @font-face {
29
- font-family: "dripicons-weather";
30
- font-style: normal;
31
- font-weight: normal;
32
- src: url(font_path("dripicons/dripicons-weather.woff")) format("woff");
33
- }
34
-
35
- /* # Icon
36
- ================================================== */
37
- [class^="icon-"]:before,
38
- [class*=" icon-"]:before,
39
- [class^="icon-weather-"]:before,
40
- [class*=" icon-weather-"]:before {
41
- display: inline-block;
42
- -webkit-font-smoothing: antialiased;
43
- -moz-osx-font-smoothing: grayscale;
44
- font-style: normal !important;
45
- font-weight: normal !important;
46
- font-variant: normal !important;
47
- line-height: 1;
48
- margin: -2px 0 0 0;
49
- padding: 0;
50
- speak: none;
51
- text-transform: none !important;
52
- vertical-align: middle;
53
- }
54
- [class^="icon-"]:before,
55
- [class*=" icon-"]:before { font-family: "dripicons" !important; }
56
- [class^="icon-weather-"]:before,
57
- [class*=" icon-weather-"]:before { font-family: "dripicons-weather" !important; }
58
- .icon-alarm:before { content: "\61"; }
59
- .icon-align-center:before { content: "\62"; }
60
- .icon-align-justify:before { content: "\63"; }
61
- .icon-align-left:before { content: "\64"; }
62
- .icon-align-right:before { content: "\65"; }
63
- .icon-anchor:before { content: "\66"; }
64
- .icon-archive:before { content: "\67"; }
65
- .icon-arrow-down:before { content: "\68"; }
66
- .icon-arrow-left:before { content: "\69"; }
67
- .icon-arrow-right:before { content: "\6a"; }
68
- .icon-arrow-thin-down:before { content: "\6b"; }
69
- .icon-arrow-thin-left:before { content: "\6c"; }
70
- .icon-arrow-thin-right:before { content: "\6d"; }
71
- .icon-arrow-thin-up:before { content: "\6e"; }
72
- .icon-arrow-up:before { content: "\6f"; }
73
- .icon-article:before { content: "\70"; }
74
- .icon-backspace:before { content: "\71"; }
75
- .icon-basket:before { content: "\72"; }
76
- .icon-basketball:before { content: "\73"; }
77
- .icon-battery-empty:before { content: "\74"; }
78
- .icon-battery-full:before { content: "\75"; }
79
- .icon-battery-low:before { content: "\76"; }
80
- .icon-battery-medium:before { content: "\77"; }
81
- .icon-bell:before { content: "\78"; }
82
- .icon-blog:before { content: "\79"; }
83
- .icon-bluetooth:before { content: "\7a"; }
84
- .icon-bold:before { content: "\41"; }
85
- .icon-bookmark:before { content: "\42"; }
86
- .icon-bookmarks:before { content: "\43"; }
87
- .icon-box:before { content: "\44"; }
88
- .icon-briefcase:before { content: "\45"; }
89
- .icon-brightness-low:before { content: "\46"; }
90
- .icon-brightness-max:before { content: "\47"; }
91
- .icon-brightness-medium:before { content: "\48"; }
92
- .icon-broadcast:before { content: "\49"; }
93
- .icon-browser:before { content: "\4a"; }
94
- .icon-browser-upload:before { content: "\4b"; }
95
- .icon-brush:before { content: "\4c"; }
96
- .icon-calendar:before { content: "\4d"; }
97
- .icon-camcorder:before { content: "\4e"; }
98
- .icon-camera:before { content: "\4f"; }
99
- .icon-card:before { content: "\50"; }
100
- .icon-cart:before { content: "\51"; }
101
- .icon-checklist:before { content: "\52"; }
102
- .icon-checkmark:before { content: "\53"; }
103
- .icon-chevron-down:before { content: "\54"; }
104
- .icon-chevron-left:before { content: "\55"; }
105
- .icon-chevron-right:before { content: "\56"; }
106
- .icon-chevron-up:before { content: "\57"; }
107
- .icon-clipboard:before { content: "\58"; }
108
- .icon-clock:before { content: "\59"; }
109
- .icon-clockwise:before { content: "\5a"; }
110
- .icon-cloud:before { content: "\30"; }
111
- .icon-cloud-download:before { content: "\31"; }
112
- .icon-cloud-upload:before { content: "\32"; }
113
- .icon-code:before { content: "\33"; }
114
- .icon-contract:before { content: "\34"; }
115
- .icon-contract-2:before { content: "\35"; }
116
- .icon-conversation:before { content: "\36"; }
117
- .icon-copy:before { content: "\37"; }
118
- .icon-crop:before { content: "\38"; }
119
- .icon-cross:before { content: "\39"; }
120
- .icon-crosshair:before { content: "\21"; }
121
- .icon-cutlery:before { content: "\22"; }
122
- .icon-device-desktop:before { content: "\23"; }
123
- .icon-device-mobile:before { content: "\24"; }
124
- .icon-device-tablet:before { content: "\25"; }
125
- .icon-direction:before { content: "\26"; }
126
- .icon-disc:before { content: "\27"; }
127
- .icon-document:before { content: "\28"; }
128
- .icon-document-delete:before { content: "\29"; }
129
- .icon-document-edit:before { content: "\2a"; }
130
- .icon-document-new:before { content: "\2b"; }
131
- .icon-document-remove:before { content: "\2c"; }
132
- .icon-dot:before { content: "\2d"; }
133
- .icon-dots-2:before { content: "\2e"; }
134
- .icon-dots-3:before { content: "\2f"; }
135
- .icon-download:before { content: "\3a"; }
136
- .icon-duplicate:before { content: "\3b"; }
137
- .icon-enter:before { content: "\3c"; }
138
- .icon-exit:before { content: "\3d"; }
139
- .icon-expand:before { content: "\3e"; }
140
- .icon-expand-2:before { content: "\3f"; }
141
- .icon-experiment:before { content: "\40"; }
142
- .icon-export:before { content: "\5b"; }
143
- .icon-feed:before { content: "\5d"; }
144
- .icon-flag:before { content: "\5e"; }
145
- .icon-flashlight:before { content: "\5f"; }
146
- .icon-folder:before { content: "\60"; }
147
- .icon-folder-open:before { content: "\7b"; }
148
- .icon-forward:before { content: "\7c"; }
149
- .icon-gaming:before { content: "\7d"; }
150
- .icon-gear:before { content: "\7e"; }
151
- .icon-graduation:before { content: "\5c"; }
152
- .icon-graph-bar:before { content: "\e000"; }
153
- .icon-graph-line:before { content: "\e001"; }
154
- .icon-graph-pie:before { content: "\e002"; }
155
- .icon-headset:before { content: "\e003"; }
156
- .icon-heart:before { content: "\e004"; }
157
- .icon-help:before { content: "\e005"; }
158
- .icon-home:before { content: "\e006"; }
159
- .icon-hourglass:before { content: "\e007"; }
160
- .icon-inbox:before { content: "\e008"; }
161
- .icon-information:before { content: "\e009"; }
162
- .icon-italic:before { content: "\e00a"; }
163
- .icon-jewel:before { content: "\e00b"; }
164
- .icon-lifting:before { content: "\e00c"; }
165
- .icon-lightbulb:before { content: "\e00d"; }
166
- .icon-link:before { content: "\e00e"; }
167
- .icon-link-broken:before { content: "\e00f"; }
168
- .icon-list:before { content: "\e010"; }
169
- .icon-loading:before { content: "\e011"; }
170
- .icon-location:before { content: "\e012"; }
171
- .icon-lock:before { content: "\e013"; }
172
- .icon-lock-open:before { content: "\e014"; }
173
- .icon-mail:before { content: "\e015"; }
174
- .icon-map:before { content: "\e016"; }
175
- .icon-media-loop:before { content: "\e017"; }
176
- .icon-media-next:before { content: "\e018"; }
177
- .icon-media-pause:before { content: "\e019"; }
178
- .icon-media-play:before { content: "\e01a"; }
179
- .icon-media-previous:before { content: "\e01b"; }
180
- .icon-media-record:before { content: "\e01c"; }
181
- .icon-media-shuffle:before { content: "\e01d"; }
182
- .icon-media-stop:before { content: "\e01e"; }
183
- .icon-medical:before { content: "\e01f"; }
184
- .icon-menu:before { content: "\e020"; }
185
- .icon-message:before { content: "\e021"; }
186
- .icon-meter:before { content: "\e022"; }
187
- .icon-microphone:before { content: "\e023"; }
188
- .icon-minus:before { content: "\e024"; }
189
- .icon-monitor:before { content: "\e025"; }
190
- .icon-move:before { content: "\e026"; }
191
- .icon-music:before { content: "\e027"; }
192
- .icon-network-1:before { content: "\e028"; }
193
- .icon-network-2:before { content: "\e029"; }
194
- .icon-network-3:before { content: "\e02a"; }
195
- .icon-network-4:before { content: "\e02b"; }
196
- .icon-network-5:before { content: "\e02c"; }
197
- .icon-pamphlet:before { content: "\e02d"; }
198
- .icon-paperclip:before { content: "\e02e"; }
199
- .icon-pencil:before { content: "\e02f"; }
200
- .icon-phone:before { content: "\e030"; }
201
- .icon-photo:before { content: "\e031"; }
202
- .icon-photo-group:before { content: "\e032"; }
203
- .icon-pill:before { content: "\e033"; }
204
- .icon-pin:before { content: "\e034"; }
205
- .icon-plus:before { content: "\e035"; }
206
- .icon-power:before { content: "\e036"; }
207
- .icon-preview:before { content: "\e037"; }
208
- .icon-print:before { content: "\e038"; }
209
- .icon-pulse:before { content: "\e039"; }
210
- .icon-question:before { content: "\e03a"; }
211
- .icon-reply:before { content: "\e03b"; }
212
- .icon-reply-all:before { content: "\e03c"; }
213
- .icon-return:before { content: "\e03d"; }
214
- .icon-retweet:before { content: "\e03e"; }
215
- .icon-rocket:before { content: "\e03f"; }
216
- .icon-scale:before { content: "\e040"; }
217
- .icon-search:before { content: "\e041"; }
218
- .icon-shopping-bag:before { content: "\e042"; }
219
- .icon-skip:before { content: "\e043"; }
220
- .icon-stack:before { content: "\e044"; }
221
- .icon-star:before { content: "\e045"; }
222
- .icon-stopwatch:before { content: "\e046"; }
223
- .icon-store:before { content: "\e047"; }
224
- .icon-suitcase:before { content: "\e048"; }
225
- .icon-swap:before { content: "\e049"; }
226
- .icon-tag:before { content: "\e04a"; }
227
- .icon-tag-delete:before { content: "\e04b"; }
228
- .icon-tags:before { content: "\e04c"; }
229
- .icon-thumbs-down:before { content: "\e04d"; }
230
- .icon-thumbs-up:before { content: "\e04e"; }
231
- .icon-ticket:before { content: "\e04f"; }
232
- .icon-time-reverse:before { content: "\e050"; }
233
- .icon-to-do:before { content: "\e051"; }
234
- .icon-toggles:before { content: "\e052"; }
235
- .icon-trash:before { content: "\e053"; }
236
- .icon-trophy:before { content: "\e054"; }
237
- .icon-upload:before { content: "\e055"; }
238
- .icon-user:before { content: "\e056"; }
239
- .icon-user-group:before { content: "\e057"; }
240
- .icon-user-id:before { content: "\e058"; }
241
- .icon-vibrate:before { content: "\e059"; }
242
- .icon-view-apps:before { content: "\e05a"; }
243
- .icon-view-list:before { content: "\e05b"; }
244
- .icon-view-list-large:before { content: "\e05c"; }
245
- .icon-view-thumb:before { content: "\e05d"; }
246
- .icon-volume-full:before { content: "\e05e"; }
247
- .icon-volume-low:before { content: "\e05f"; }
248
- .icon-volume-medium:before { content: "\e060"; }
249
- .icon-volume-off:before { content: "\e061"; }
250
- .icon-wallet:before { content: "\e062"; }
251
- .icon-warning:before { content: "\e063"; }
252
- .icon-web:before { content: "\e064"; }
253
- .icon-weight:before { content: "\e065"; }
254
- .icon-wifi:before { content: "\e066"; }
255
- .icon-wrong:before { content: "\e067"; }
256
- .icon-zoom-in:before { content: "\e068"; }
257
- .icon-zoom-out:before { content: "\e069"; }
258
- .icon-weather-cloud:before { content: "a"; }
259
- .icon-weather-cloud-drizzle:before { content: "b"; }
260
- .icon-weather-cloud-drizzle-lightning:before { content: "c"; }
261
- .icon-weather-cloud-drizzle-lightning-moon:before { content: "d"; }
262
- .icon-weather-cloud-drizzle-lightning-sun:before { content: "e"; }
263
- .icon-weather-cloud-drizzle-lightning-sun-2:before { content: "f"; }
264
- .icon-weather-cloud-drizzle-moon:before { content: "g"; }
265
- .icon-weather-cloud-drizzle-sun:before { content: "h"; }
266
- .icon-weather-cloud-drizzle-sun-2:before { content: "i"; }
267
- .icon-weather-cloud-fog:before { content: "j"; }
268
- .icon-weather-cloud-fog-2:before { content: "k"; }
269
- .icon-weather-cloud-fog-moon:before { content: "l"; }
270
- .icon-weather-cloud-fog-sun:before { content: "m"; }
271
- .icon-weather-cloud-fog-sun-2:before { content: "n"; }
272
- .icon-weather-cloud-hail:before { content: "o"; }
273
- .icon-weather-cloud-hail-lightning:before { content: "p"; }
274
- .icon-weather-cloud-hail-lightning-moon:before { content: "q"; }
275
- .icon-weather-cloud-hail-lightning-sun:before { content: "r"; }
276
- .icon-weather-cloud-hail-lightning-sun-2:before { content: "s"; }
277
- .icon-weather-cloud-hail-moon:before { content: "t"; }
278
- .icon-weather-cloud-hail-sun:before { content: "u"; }
279
- .icon-weather-cloud-hail-sun-2:before { content: "v"; }
280
- .icon-weather-cloud-lightning:before { content: "w"; }
281
- .icon-weather-cloud-lightning-moon:before { content: "x"; }
282
- .icon-weather-cloud-lightning-sun:before { content: "y"; }
283
- .icon-weather-cloud-lightning-sun-2:before { content: "z"; }
284
- .icon-weather-cloud-moon:before { content: "A"; }
285
- .icon-weather-cloud-rain:before { content: "B"; }
286
- .icon-weather-cloud-rain-2:before { content: "C"; }
287
- .icon-weather-cloud-rain-2-moon:before { content: "D"; }
288
- .icon-weather-cloud-rain-2-sun:before { content: "E"; }
289
- .icon-weather-cloud-rain-2-sun-2:before { content: "F"; }
290
- .icon-weather-cloud-rain-lightning:before { content: "G"; }
291
- .icon-weather-cloud-rain-lightning-moon:before { content: "H"; }
292
- .icon-weather-cloud-rain-lightning-sun:before { content: "I"; }
293
- .icon-weather-cloud-rain-lightning-sun-2:before { content: "J"; }
294
- .icon-weather-cloud-rain-moon:before { content: "K"; }
295
- .icon-weather-cloud-rain-sun:before { content: "L"; }
296
- .icon-weather-cloud-rain-sun-2:before { content: "M"; }
297
- .icon-weather-cloud-snow:before { content: "N"; }
298
- .icon-weather-cloud-snow-moon:before { content: "O"; }
299
- .icon-weather-cloud-snow-sun:before { content: "P"; }
300
- .icon-weather-cloud-snow-sun-2:before { content: "Q"; }
301
- .icon-weather-cloud-sun:before { content: "R"; }
302
- .icon-weather-cloud-sun-2:before { content: "S"; }
303
- .icon-weather-cloud-wind:before { content: "T"; }
304
- .icon-weather-cloud-wind-2:before { content: "U"; }
305
- .icon-weather-cloud-wind-2-moon:before { content: "V"; }
306
- .icon-weather-cloud-wind-2-sun:before { content: "W"; }
307
- .icon-weather-cloud-wind-2-sun-2:before { content: "X"; }
308
- .icon-weather-cloud-wind-moon:before { content: "Y"; }
309
- .icon-weather-cloud-wind-sun:before { content: "Z"; }
310
- .icon-weather-cloud-wind-sun-2:before { content: "0"; }
311
- .icon-weather-clouds:before { content: "1"; }
312
- .icon-weather-clouds-moon:before { content: "2"; }
313
- .icon-weather-clouds-sun:before { content: "3"; }
314
- .icon-weather-clouds-sun-2:before { content: "4"; }
315
- .icon-weather-compass-east:before { content: "5"; }
316
- .icon-weather-compass-north:before { content: "6"; }
317
- .icon-weather-compass-south:before { content: "7"; }
318
- .icon-weather-compass-west:before { content: "8"; }
319
- .icon-weather-degrees-celcius:before { content: "9"; }
320
- .icon-weather-degrees-fahrenheit:before { content: "!"; }
321
- .icon-weather-drizzle:before { content: "\""; }
322
- .icon-weather-flag:before { content: "#"; }
323
- .icon-weather-fog:before { content: "$"; }
324
- .icon-weather-hail:before { content: "%"; }
325
- .icon-weather-lightning:before { content: "&"; }
326
- .icon-weather-moon-25:before { content: "'"; }
327
- .icon-weather-moon-50:before { content: "("; }
328
- .icon-weather-moon-75:before { content: ")"; }
329
- .icon-weather-moon-100:before { content: "*"; }
330
- .icon-weather-moon-stars:before { content: "+"; }
331
- .icon-weather-rain:before { content: ","; }
332
- .icon-weather-raindrop:before { content: "-"; }
333
- .icon-weather-snow:before { content: "."; }
334
- .icon-weather-sun:before { content: "/"; }
335
- .icon-weather-sun-eclipse:before { content: ":"; }
336
- .icon-weather-sun-low:before { content: ";"; }
337
- .icon-weather-sun-lower:before { content: "<"; }
338
- .icon-weather-sun-rise:before { content: "="; }
339
- .icon-weather-sun-set:before { content: ">"; }
340
- .icon-weather-thermometer-25:before { content: "?"; }
341
- .icon-weather-thermometer-50:before { content: "@"; }
342
- .icon-weather-thermometer-75:before { content: "["; }
343
- .icon-weather-thermometer-100:before { content: "]"; }
344
- .icon-weather-tornado:before { content: "^"; }
345
- .icon-weather-umbrella:before { content: "_"; }
346
- .icon-weather-umbrella-drizzle:before { content: "`"; }
347
- .icon-weather-wet:before { content: "{"; }
348
- .icon-weather-wind:before { content: "|"; }
349
-
350
- /* # Animation
351
- ================================================== */
352
- .icon-spin:before { @include animation(icon-spin 2s infinite linear); }
353
-
354
- /* # Duration
355
- ================================================== */
356
- .icon-spin-duration-fastest:before { @include animation-duration(0.5s); }
357
- .icon-spin-duration-faster:before { @include animation-duration(1s); }
358
- .icon-spin-duration-fast:before { @include animation-duration(1.5s); }
359
- .icon-spin-duration-default:before { @include animation-duration(2s); }
360
- .icon-spin-duration-slow:before { @include animation-duration(2.5s); }
361
- .icon-spin-duration-slower:before { @include animation-duration(3s); }
362
- .icon-spin-duration-slowest:before { @include animation-duration(3.5s); }