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,79 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Pagination
4
- # Alignments
5
- # Colors */
6
-
7
- /* # Pagination
8
- ================================================== */
9
- .pagination { color: $color-black; }
10
- .pagination > ul {
11
- display: inline-block;
12
- margin: 0;
13
- padding: 0;
14
- vertical-align: middle;
15
- }
16
- .pagination > ul > li {
17
- display: inline-block;
18
- font-size: 14px;
19
- font-weight: normal;
20
- line-height: 1;
21
- margin-right: 2px;
22
- vertical-align: middle;
23
- }
24
- .pagination > ul > li > a,
25
- .pagination > ul > li.active {
26
- background: $color-white;
27
- border-radius: 500px;
28
- display: inline-block;
29
- min-width: 8px;
30
- text-align: center;
31
- text-decoration: none;
32
- vertical-align: middle;
33
- }
34
- .pagination > ul > li > a,
35
- .pagination > ul > li.active { padding: 10px 12px 8px 12px; }
36
- .pagination > ul > li > a:active,
37
- .pagination > ul > li.active {
38
- background: $color-primary;
39
- color: $color-white;
40
- }
41
- .pagination > ul > li > a:hover,
42
- .pagination > ul > li > a:focus { background: $color-light-haze; }
43
- .pagination > ul > li.pagination-icon > a {
44
- font-size: 18px;
45
- padding: 7px;
46
- }
47
- .pagination > ul > li.pagination-icon:first-child > a {
48
- padding-left: 6px;
49
- padding-right: 8px;
50
- }
51
- .pagination > ul > li.pagination-icon:last-child > a {
52
- padding-left: 8px;
53
- padding-right: 6px;
54
- }
55
-
56
- /* # Alignments
57
- ================================================== */
58
- .pagination-center { text-align: center; }
59
- .pagination-right { text-align: right; }
60
- .pagination-left { text-align: left; }
61
-
62
- /* # Colors
63
- ================================================== */
64
- .pagination-dark { color: $color-white; }
65
- .pagination-dark > ul > li > a,
66
- .pagination-dark > ul > li.active { background: $color-light-black; }
67
- .pagination-dark > ul > li > a:hover,
68
- .pagination-dark > ul > li > a:focus { background: $color-dark-black; }
69
- .pagination-light > ul > li > a,
70
- .pagination-light > ul > li.active { background: $color-light-haze; }
71
- .pagination-light > ul > li > a:hover,
72
- .pagination-light > ul > li > a:focus { background: $color-haze; }
73
- .pagination-dark > ul > li > a:active,
74
- .pagination-dark > ul > li.active,
75
- .pagination-light > ul > li > a:active,
76
- .pagination-light > ul > li.active {
77
- background: $color-primary;
78
- color: $color-white;
79
- }
@@ -1,80 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Panel
4
- # Colors
5
- # Media Queries */
6
-
7
- /* # Panel
8
- ================================================== */
9
- .panel {
10
- background: $color-white;
11
- border: 1px solid;
12
- border-color: $color-haze;
13
- border-radius: 2px;
14
- color: $color-black;
15
- margin-bottom: 20px;
16
- }
17
- .panel-header {
18
- border-bottom: 1px solid;
19
- border-color: inherit;
20
- border-top-left-radius: 2px;
21
- border-top-right-radius: 2px;
22
- padding: 14px 15px 12px 15px;
23
- }
24
- .panel-header > h1,
25
- .panel-header > h2,
26
- .panel-header > h3,
27
- .panel-header > h4,
28
- .panel-header > h5,
29
- .panel-header > h6 {
30
- display: inline-block;
31
- font-size: 16px;
32
- line-height: 1;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- .panel-header .btn {
37
- margin-bottom: -6px;
38
- margin-top: -8px;
39
- }
40
- .panel-body { padding: 15px; }
41
- .panel-body-chart {
42
- margin-bottom: -10px;
43
- width: 100%;
44
- }
45
- .panel-body > .table,
46
- .panel-body > .table-responsive { margin: 0; }
47
- .panel-body > .table-responsive { border: 0; }
48
- .panel-footer {
49
- border-top: 1px solid;
50
- border-color: inherit;
51
- border-bottom-left-radius: 2px;
52
- border-bottom-right-radius: 2px;
53
- padding: 14px 15px 13px 15px;
54
- }
55
-
56
- /* # Colors
57
- ================================================== */
58
- .panel-dark {
59
- background: $color-black;
60
- border-color: $color-dark-black;
61
- color: $color-white;
62
- }
63
- .panel-light {
64
- background: lighten($color-light-haze, 2%);
65
- border-color: $color-dark-haze;
66
- }
67
-
68
- /* # Media Queries
69
- ================================================== */
70
- @media
71
- only screen and (-webkit-min-device-pixel-ratio: 2),
72
- only screen and ( min--moz-device-pixel-ratio: 2),
73
- only screen and ( -o-min-device-pixel-ratio: 2/1),
74
- only screen and ( min-device-pixel-ratio: 2),
75
- only screen and ( min-resolution: 192dpi),
76
- only screen and ( min-resolution: 2dppx) {
77
- .panel,
78
- .panel-header,
79
- .panel-footer { border-width: 0.5px; }
80
- }
@@ -1,63 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Placeholder
4
- # Sizes
5
- # Colors
6
- # Media Queries */
7
-
8
- /* # Placeholder
9
- ================================================== */
10
- .placeholder {
11
- color: $color-gray;
12
- text-align: center;
13
- }
14
- .placeholder > i {
15
- background: $color-primary;
16
- border-radius: 500px;
17
- color: $color-white;
18
- display: inline-block;
19
- font-size: 64px;
20
- height: 120px;
21
- line-height: 110px;
22
- width: 120px;
23
- }
24
- .placeholder > h6 {
25
- letter-spacing: 1px;
26
- text-transform: uppercase;
27
- }
28
- .placeholder > p {
29
- font-size: 14px;
30
- line-height: 22px;
31
- }
32
- .placeholder-divider {
33
- background: $color-white;
34
- border-radius: 500px;
35
- height: 8px;
36
- margin: 20px auto;
37
- width: 50%;
38
- }
39
-
40
- /* # Sizes
41
- ================================================== */
42
- .placeholder-large > i {
43
- background: $color-transparent;
44
- color: inherit;
45
- display: inline-block;
46
- font-size: 256px;
47
- height: initial;
48
- line-height: 1;
49
- margin-bottom: 20px;
50
- width: initial;
51
- }
52
-
53
- /* # Colors
54
- ================================================== */
55
- .placeholder-dark > .placeholder-divider { background: $color-light-black; }
56
- .placeholder-light > .placeholder-divider { background: $color-light-haze; }
57
-
58
- /* # Media Queries
59
- ================================================== */
60
- @media only screen and (max-width: 767px) {
61
- .placeholder-divider { width: 75%; }
62
- .placeholder-large > i { font-size: 196px; }
63
- }
@@ -1,128 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Popover
4
- # Media Queries */
5
-
6
- /* # Popover
7
- ================================================== */
8
- .popover {
9
- background: $color-white;
10
- background-clip: padding-box;
11
- border: 1px solid $color-haze;
12
- border-radius: 3px;
13
- display: none;
14
- float: none;
15
- font-style: normal;
16
- left: 0;
17
- letter-spacing: 0;
18
- position: absolute;
19
- text-align: left;
20
- text-decoration: none;
21
- text-transform: none;
22
- top: 0;
23
- white-space: normal;
24
- width: 276px;
25
- z-index: 1070;
26
- }
27
- .popover.top { margin-top: -10px; }
28
- .popover.right { margin-left: 10px; }
29
- .popover.bottom { margin-top: 10px; }
30
- .popover.left { margin-left: -10px; }
31
- .popover-title,
32
- .popover-content {
33
- color: $color-black;
34
- font-family: $typography-sans-serif;
35
- font-size: 14px;
36
- letter-spacing: 0;
37
- margin: 0;
38
- padding: 10px 15px;
39
- }
40
- .popover-title {
41
- background: lighten($color-light-haze, 2%);
42
- border-bottom: 1px solid $color-dark-haze;
43
- font-weight: bold;
44
- line-height: 18px;
45
- }
46
- .popover-title:empty { display: none; }
47
- .popover-content {
48
- font-weight: normal;
49
- line-height: 20px;
50
- }
51
- .popover .arrow,
52
- .popover .arrow:after {
53
- border-color: $color-transparent;
54
- border-style: solid;
55
- display: block;
56
- height: 0;
57
- position: absolute;
58
- width: 0;
59
- }
60
- .popover > .arrow { border-width: 11px; }
61
- .popover > .arrow:after {
62
- border-width: 10px;
63
- content: "";
64
- }
65
- .popover.top > .arrow {
66
- border-bottom-width: 0;
67
- border-top-color: $color-haze;
68
- bottom: -11px;
69
- left: 50%;
70
- margin-left: -11px;
71
- }
72
- .popover.top > .arrow:after {
73
- border-bottom-width: 0;
74
- border-top-color: $color-white;
75
- bottom: 1px;
76
- margin-left: -10px;
77
- }
78
- .popover.right > .arrow {
79
- border-right-color: $color-haze;
80
- border-left-width: 0;
81
- left: -11px;
82
- margin-top: -11px;
83
- top: 50%;
84
- }
85
- .popover.right > .arrow:after {
86
- border-right-color: $color-white;
87
- border-left-width: 0;
88
- bottom: -10px;
89
- left: 1px;
90
- }
91
- .popover.bottom > .arrow {
92
- border-bottom-color: $color-haze;
93
- border-top-width: 0;
94
- left: 50%;
95
- margin-left: -11px;
96
- top: -11px;
97
- }
98
- .popover.bottom > .arrow:after {
99
- border-bottom-color: $color-white;
100
- border-top-width: 0;
101
- margin-left: -10px;
102
- top: 1px;
103
- }
104
- .popover.left > .arrow {
105
- border-right-width: 0;
106
- border-left-color: $color-haze;
107
- margin-top: -11px;
108
- right: -11px;
109
- top: 50%;
110
- }
111
- .popover.left > .arrow:after {
112
- border-right-width: 0;
113
- border-left-color: $color-white;
114
- bottom: -10px;
115
- right: 1px;
116
- }
117
-
118
- /* # Media Queries
119
- ================================================== */
120
- @media
121
- only screen and (-webkit-min-device-pixel-ratio: 2),
122
- only screen and ( min--moz-device-pixel-ratio: 2),
123
- only screen and ( -o-min-device-pixel-ratio: 2/1),
124
- only screen and ( min-device-pixel-ratio: 2),
125
- only screen and ( min-resolution: 192dpi),
126
- only screen and ( min-resolution: 2dppx) {
127
- .popover-title { border-width: 0.5px; }
128
- }
@@ -1,86 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Variables
4
- # Keyframes
5
- # Progress
6
- # Colors
7
- # Animations */
8
-
9
- /* # Variables
10
- ================================================== */
11
- $colors: (
12
- dark-black: $color-dark-black,
13
- black: $color-black,
14
- light-black: $color-light-black,
15
- dark-gray: $color-dark-gray,
16
- gray: $color-gray,
17
- light-gray: $color-light-gray,
18
- dark-haze: $color-dark-haze,
19
- haze: $color-haze,
20
- light-haze: $color-light-haze,
21
- white: $color-white,
22
- lime: $color-lime,
23
- green: $color-green,
24
- teal: $color-teal,
25
- blue: $color-blue,
26
- indigo: $color-indigo,
27
- purple: $color-purple,
28
- pink: $color-pink,
29
- red: $color-red,
30
- orange: $color-orange,
31
- yellow: $color-yellow,
32
- primary: $color-primary,
33
- secondary: $color-secondary,
34
- tertiary: $color-tertiary
35
- );
36
-
37
- /* # Keyframes
38
- ================================================== */
39
- @-webkit-keyframes progress-bar-stripes {
40
- from { background-position: 40px 0; }
41
- to { background-position: 0 0; }
42
- }
43
- @keyframes progress-bar-stripes {
44
- from { background-position: 40px 0; }
45
- to { background-position: 0 0; }
46
- }
47
-
48
- /* # Progress
49
- ================================================== */
50
- .progress {
51
- background: $color-white;
52
- border-radius: 500px;
53
- height: 25px;
54
- overflow: hidden;
55
- }
56
- .progress > .bar {
57
- background: $color-primary;
58
- box-sizing: border-box;
59
- color: $color-white;
60
- float: left;
61
- font-size: 13px;
62
- height: 100%;
63
- @include transition(width 0.6s ease);
64
- text-align: center;
65
- width: 0;
66
- }
67
- .progress-mini { height: 8px; }
68
-
69
- /* # Colors
70
- ================================================== */
71
- @each $name, $color in $colors {
72
- .progress > .bar-#{$name} { background: $color; }
73
- }
74
- .progress-dark { background: $color-light-black; }
75
- .progress-light { background: $color-light-haze; }
76
-
77
- /* # Animations
78
- ================================================== */
79
- .progress > .bar-striped {
80
- background-image: -webkit-linear-gradient(45deg, transparentize($color-white, 0.85) 25%, $color-transparent 25%, $color-transparent 50%, transparentize($color-white, 0.85) 50%, transparentize($color-white, 0.85) 75%, $color-transparent 75%, $color-transparent);
81
- background-image: -ms-linear-gradient(45deg, transparentize($color-white, 0.85) 25%, $color-transparent 25%, $color-transparent 50%, transparentize($color-white, 0.85) 50%, transparentize($color-white, 0.85) 75%, $color-transparent 75%, $color-transparent);
82
- background-image: linear-gradient(45deg, transparentize($color-white, 0.85) 25%, $color-transparent 25%, $color-transparent 50%, transparentize($color-white, 0.85) 50%, transparentize($color-white, 0.85) 75%, $color-transparent 75%, $color-transparent);
83
- @include background-size(40px 40px);
84
- @include transition(width 0.6s ease);
85
- }
86
- .progress > .bar-striped.active { @include animation(progress-bar-stripes 2s linear infinite); }
@@ -1,140 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Reset
4
- # Color
5
- # Style
6
- # Components */
7
-
8
- /* # Reset
9
- ================================================== */
10
- body,
11
- div,
12
- dl,
13
- dt,
14
- dd,
15
- ul,
16
- ol,
17
- li,
18
- h1,
19
- h2,
20
- h3,
21
- h4,
22
- h5,
23
- h6,
24
- form,
25
- fieldset,
26
- legend,
27
- label,
28
- p,
29
- blockquote,
30
- th,
31
- td {
32
- margin: 0;
33
- padding: 0;
34
- }
35
- table {
36
- border-collapse: collapse;
37
- border-spacing: 0;
38
- }
39
- address,
40
- caption,
41
- cite,
42
- code,
43
- dfn,
44
- th,
45
- var {
46
- font-style: normal;
47
- font-weight: normal;
48
- }
49
- h1,
50
- h2,
51
- h3,
52
- h4,
53
- h5,
54
- h6 {
55
- font-size: 100%;
56
- font-style: normal;
57
- font-weight: normal;
58
- }
59
- abbr,
60
- acronym {
61
- border-bottom: 1px dotted inherit;
62
- font-variant: normal;
63
- }
64
- caption,
65
- th { text-align: left; }
66
- fieldset,
67
- img { border: 0; }
68
- sup,
69
- sub { line-height: 1; }
70
- sup { vertical-align: text-top; }
71
- sub { vertical-align: text-bottom; }
72
- q:before,
73
- q:after { content: ''; }
74
- button,
75
- input,
76
- textarea,
77
- select {
78
- font-family: inherit;
79
- font-size: inherit;
80
- *font-size: 100%;
81
- font-weight: inherit;
82
- }
83
- html { background: $color-white; }
84
- html,
85
- body {
86
- color: $color-black;
87
- font-family: $typography-sans-serif;
88
- font-size: 100%;
89
- -webkit-font-smoothing: antialiased;
90
- -moz-osx-font-smoothing: grayscale;
91
- font-smooth: always;
92
- font-weight: normal;
93
- height: 100%;
94
- @include overflow-scrolling(touch);
95
- @include tap-highlight-color($color-transparent);
96
- text-rendering: optimizeLegibility;
97
- @include text-size-adjust(100%);
98
- width: 100%;
99
- }
100
- ::-moz-selection {
101
- background: $color-primary;
102
- color: $color-white;
103
- }
104
- ::selection {
105
- background: $color-primary;
106
- color: $color-white;
107
- }
108
-
109
- /* # Color
110
- ================================================== */
111
- .html-dark,
112
- .html-dark body {
113
- background: $color-black;
114
- color: $color-white;
115
- }
116
- .html-light { background: lighten($color-light-haze, 2%); }
117
-
118
- /* # Style
119
- ================================================== */
120
- .html-fixed,
121
- .body-fixed { overflow: hidden; }
122
-
123
- /* # Components
124
- ================================================== */
125
- .html-scrollbar {
126
- ::-webkit-scrollbar {
127
- background: $color-transparent;
128
- border-radius: 500px;
129
- width: 8px;
130
- }
131
- ::-webkit-scrollbar:hover { background: rgba(0,0,0,0.15); }
132
- ::-webkit-scrollbar-thumb {
133
- background: rgba(0,0,0,0.5);
134
- border-radius: 500px;
135
- }
136
- ::-webkit-scrollbar-thumb:active {
137
- background: rgba(0,0,0,0.6);
138
- border-radius: 500px;
139
- }
140
- }