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,130 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Toolbar
4
- # Styles
5
- # Colors
6
- # Media Queries */
7
-
8
- /* # Toolbar
9
- ================================================== */
10
- .toolbar {
11
- background: $color-white;
12
- border-right: 1px solid;
13
- border-color: $color-haze !important;
14
- box-sizing: border-box;
15
- color: $color-black;
16
- display: block;
17
- max-height: 100%;
18
- height: 100%;
19
- @include overflow-scrolling(touch);
20
- max-width: 55px;
21
- width: 55px;
22
- z-index: 1030;
23
- }
24
- .toolbar-alt {
25
- border-left: 1px solid;
26
- border-color: inherit;
27
- border-right: 0;
28
- }
29
- .toolbar > a {
30
- background: $color-transparent;
31
- border: 0;
32
- border-radius: 0;
33
- box-sizing: border-box;
34
- color: inherit;
35
- display: block;
36
- font-size: 20px;
37
- height: 55px;
38
- line-height: 60px;
39
- padding: 0;
40
- text-align: center;
41
- width: 55px;
42
- }
43
- .toolbar > a.btn { line-height: 55px; }
44
- .toolbar > a:hover,
45
- .toolbar > a.active,
46
- .toolbar > a:active,
47
- .toolbar > a:focus { background: $color-haze; }
48
- .toolbar > a.active,
49
- .toolbar > a:active { color: $color-primary; }
50
- .toolbar > a[disabled] {
51
- background: $color-transparent;
52
- color: $color-gray;
53
- cursor: not-allowed;
54
- pointer-events: none;
55
- }
56
- .toolbar .label {
57
- border-radius: 2px;
58
- font-size: 10px;
59
- font-style: normal;
60
- letter-spacing: 0;
61
- line-height: 1;
62
- margin: 5px 0 0 -5px;
63
- min-width: 21px;
64
- padding: 5px 5px 4px 5px;
65
- position: absolute;
66
- text-indent: 0 !important;
67
- vertical-align: middle;
68
- }
69
- .toolbar-alt .label { margin-left: 5px; }
70
-
71
- /* # Styles
72
- ================================================== */
73
- .toolbar-bordered > a {
74
- background: $color-transparent !important;
75
- border-right: 4px solid $color-transparent !important;
76
- text-indent: 1.5px;
77
- }
78
- .toolbar-bordered.toolbar-alt > a {
79
- border-left: 4px solid $color-transparent !important;
80
- border-right: 0 !important;
81
- text-indent: -1.5px;
82
- }
83
- .toolbar-bordered > a:hover,
84
- .toolbar-bordered > a:focus {
85
- border-left-color: inherit !important;
86
- border-right-color: inherit !important;
87
- }
88
- .toolbar-bordered > a.active,
89
- .toolbar-bordered > a:active {
90
- border-left-color: $color-primary !important;
91
- border-right-color: $color-primary !important;
92
- }
93
-
94
- /* # Colors
95
- ================================================== */
96
- .toolbar-dark {
97
- background: $color-black;
98
- border-color: $color-dark-black !important;
99
- color: $color-white;
100
- }
101
- .toolbar-dark > a:hover,
102
- .toolbar-dark > a.active,
103
- .toolbar-dark > a:active,
104
- .toolbar-dark > a:focus {
105
- background: $color-light-black;
106
- border-bottom-color: $color-dark-black !important;
107
- }
108
- .toolbar-light { background: lighten($color-light-haze, 2%); }
109
- .toolbar-light > a:hover,
110
- .toolbar-light > a.active,
111
- .toolbar-light > a:active,
112
- .toolbar-light > a:focus { background: $color-haze; }
113
-
114
- /* # Media Queries
115
- ================================================== */
116
- @media only screen and (max-width: 767px) {
117
- .toolbar { display: none; }
118
- }
119
- @media
120
- only screen and (-webkit-min-device-pixel-ratio: 2),
121
- only screen and ( min--moz-device-pixel-ratio: 2),
122
- only screen and ( -o-min-device-pixel-ratio: 2/1),
123
- only screen and ( min-device-pixel-ratio: 2),
124
- only screen and ( min-resolution: 192dpi),
125
- only screen and ( min-resolution: 2dppx) {
126
- .toolbar,
127
- .toolbar-alt { border-width: 0.5px; }
128
- .toolbar-bordered > a { text-indent: 2px; }
129
- .toolbar-bordered.toolbar-alt > a { text-indent: -2px; }
130
- }
@@ -1,105 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Tooltip
4
- # Colors */
5
-
6
- /* # Tooltip
7
- ================================================== */
8
- .tooltip {
9
- border-color: $color-dark-black;
10
- color: $color-white;
11
- display: block;
12
- float: none;
13
- font-family: $typography-sans-serif;
14
- font-size: 12px;
15
- font-style: normal;
16
- font-weight: bold;
17
- letter-spacing: 0;
18
- line-height: 18px;
19
- opacity: 0;
20
- filter: alpha(opacity=0);
21
- position: absolute;
22
- text-decoration: none;
23
- text-transform: none;
24
- @include transition(all 0.09s ease-in-out);
25
- visibility: visible;
26
- z-index: 1070;
27
- }
28
- .tooltip.in {
29
- opacity: 0.8;
30
- filter: alpha(opacity=80);
31
- }
32
- .tooltip.top {
33
- margin-top: -3px;
34
- padding: 5px 0;
35
- }
36
- .tooltip.right {
37
- margin-left: 3px;
38
- padding: 0 5px;
39
- }
40
- .tooltip.bottom {
41
- margin-top: 3px;
42
- padding: 5px 0;
43
- }
44
- .tooltip.left {
45
- margin-left: -3px;
46
- padding: 0 5px;
47
- }
48
- .tooltip-inner {
49
- background: $color-dark-black;
50
- border-radius: 3px;
51
- letter-spacing: 0;
52
- max-width: 200px;
53
- padding: 5px 10px;
54
- text-align: center;
55
- text-decoration: none;
56
- text-transform: none;
57
- }
58
- .tooltip-arrow {
59
- border-color: $color-transparent;
60
- border-style: solid;
61
- height: 0;
62
- position: absolute;
63
- width: 0;
64
- }
65
- .tooltip.top > .tooltip-arrow {
66
- border-top-color: inherit;
67
- border-width: 5px 5px 0;
68
- bottom: 0;
69
- left: 50%;
70
- margin-left: -5px;
71
- }
72
- .tooltip.right > .tooltip-arrow {
73
- border-right-color: inherit;
74
- border-width: 5px 5px 5px 0;
75
- left: 0;
76
- margin-top: -5px;
77
- top: 50%;
78
- }
79
- .tooltip.left > .tooltip-arrow {
80
- border-left-color: inherit;
81
- border-width: 5px 0 5px 5px;
82
- margin-top: -5px;
83
- right: 0;
84
- top: 50%;
85
- }
86
- .tooltip.bottom > .tooltip-arrow {
87
- border-bottom-color: inherit;
88
- border-width: 0 5px 5px;
89
- left: 50%;
90
- margin-left: -5px;
91
- top: 0;
92
- }
93
-
94
- /* # Colors
95
- ================================================== */
96
- .tooltip-light {
97
- border-color: $color-light-haze;
98
- color: $color-black;
99
- }
100
- .tooltip-white {
101
- border-color: $color-white;
102
- color: $color-black;
103
- }
104
- .tooltip-light > .tooltip-inner { background: $color-light-haze; }
105
- .tooltip-white > .tooltip-inner { background: $color-white; }
@@ -1,11 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Transition */
4
-
5
- /* # Transition
6
- ================================================== */
7
- .fade {
8
- opacity: 0;
9
- @include transition(opacity 0.3s linear);
10
- }
11
- .fade.in { opacity: 1; }
@@ -1,147 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Trunk
4
- # Colors
5
- # Media Queries */
6
-
7
- /* # Trunk
8
- ================================================== */
9
- .trunk {
10
- background: $color-white;
11
- border-bottom: 1px solid;
12
- border-color: $color-haze;
13
- box-sizing: border-box;
14
- color: $color-gray;
15
- position: fixed;
16
- top: 50px;
17
- min-width: 100%;
18
- width: 100%;
19
- z-index: 1040;
20
- }
21
- .trunk-buffer {
22
- border-color: inherit !important;
23
- padding: 30px 0;
24
- }
25
- .trunk-search {
26
- padding: 0 5px;
27
- margin-bottom: 20px;
28
- }
29
- .trunk-nav,
30
- .trunk-user {
31
- border-color: inherit !important;
32
- list-style: none;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- .trunk-user {
37
- margin: 10px auto 0 auto;
38
- padding-top: 10px;
39
- text-align: center;
40
- }
41
- .trunk-nav > li,
42
- .trunk-user > li {
43
- font-size: 11px;
44
- font-weight: bold;
45
- line-height: 1;
46
- margin: 5px;
47
- }
48
- .trunk-nav > li {
49
- border-color: inherit;
50
- float: left;
51
- width: calc(33.333333% - 10px);
52
- }
53
- .trunk-nav > li.title,
54
- .trunk-nav > li.divider {
55
- border-top: 1px solid;
56
- border-color: inherit;
57
- box-sizing: border-box;
58
- display: block;
59
- float: none;
60
- margin: 0 0 0 5px;
61
- overflow: hidden;
62
- width: calc(100% - 10px);
63
- }
64
- .trunk-nav > li.title {
65
- border-bottom: 1px solid;
66
- border-color: inherit;
67
- font-size: 14px;
68
- font-weight: bold;
69
- padding: 8px 10px 7px 10px;
70
- }
71
- .trunk-nav > li.divider { height: 0; }
72
- .trunk-user > li {
73
- display: inline-block;
74
- margin-bottom: 0;
75
- width: calc(45% - 30px);
76
- }
77
- .trunk-nav > li > a,
78
- .trunk-user > li > a {
79
- @include appearance(none);
80
- border-radius: 2px;
81
- cursor: pointer;
82
- display: block;
83
- -webkit-font-smoothing: antialiased;
84
- -moz-osx-font-smoothing: grayscale;
85
- font-size: 12px;
86
- font-weight: bold;
87
- padding: 10px 0;
88
- text-align: center;
89
- text-decoration: none;
90
- text-rendering: geometricPrecision;
91
- @include transition(all 0.3s linear);
92
- vertical-align: middle;
93
- white-space: nowrap;
94
- }
95
- .trunk-nav > li > a {
96
- border: 2px solid;
97
- border-color: inherit;
98
- }
99
- .trunk-nav > li > a:hover,
100
- .trunk-nav > li > a:active,
101
- .trunk-nav > li > a.active,
102
- .trunk-nav > li > a:focus,
103
- .trunk-user > li > a:hover,
104
- .trunk-user > li > a:active,
105
- .trunk-user > li > a.active,
106
- .trunk-user > li > a:focus {
107
- border-color: $color-primary;
108
- color: $color-primary;
109
- }
110
- .trunk-user > li.trunk-user-placeholder,
111
- .trunk-user > li.trunk-user-placeholder > img, {
112
- background: $color-gray;
113
- border-radius: 500px;
114
- color: $color-white;
115
- display: inline-block;
116
- height: 40px;
117
- margin: 0;
118
- text-align: center;
119
- width: 40px;
120
- vertical-align: middle;
121
- }
122
-
123
- /* # Colors
124
- ================================================== */
125
- .trunk-dark {
126
- background: $color-black;
127
- border-color: $color-dark-black;
128
- color: $color-white;
129
- }
130
- .trunk-light {
131
- background: lighten($color-light-haze, 2%);
132
- border-color: $color-dark-haze;
133
- }
134
-
135
- /* # Media Queries
136
- ================================================== */
137
- @media
138
- only screen and (-webkit-min-device-pixel-ratio: 2),
139
- only screen and ( min--moz-device-pixel-ratio: 2),
140
- only screen and ( -o-min-device-pixel-ratio: 2/1),
141
- only screen and ( min-device-pixel-ratio: 2),
142
- only screen and ( min-resolution: 192dpi),
143
- only screen and ( min-resolution: 2dppx) {
144
- .trunk,
145
- .trunk-nav > li.title,
146
- .trunk-nav > li.divider { border-width: 0.5px; }
147
- }
@@ -1,18 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Typeahead */
4
-
5
- /* # Typeahead
6
- ================================================== */
7
- .typeahead {
8
- margin-top: 4px;
9
- z-index: 1060;
10
- }
11
- .typeahead.dropdown-menu { display: block; }
12
- .typeahead.dropdown-menu > li > a b { color: $color-primary; }
13
- x {
14
- display: block;
15
- color: $color-gray;
16
- font-style: italic;
17
- font-weight: normal;
18
- }
@@ -1,233 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Variables
4
- # Font-Face
5
- # Typography
6
- # Alignments
7
- # Colors
8
- # Decorations
9
- # Modifiers
10
- # Scripts
11
- # Styles
12
- # Transforms
13
- # Weights */
14
-
15
- /* # Variables
16
- ================================================== */
17
- $colors: (
18
- dark-black: $color-dark-black,
19
- black: $color-black,
20
- light-black: $color-light-black,
21
- dark-gray: $color-dark-gray,
22
- gray: $color-gray,
23
- light-gray: $color-light-gray,
24
- dark-haze: $color-dark-haze,
25
- haze: $color-haze,
26
- light-haze: $color-light-haze,
27
- white: $color-white,
28
- lime: $color-lime,
29
- green: $color-green,
30
- teal: $color-teal,
31
- blue: $color-blue,
32
- indigo: $color-indigo,
33
- purple: $color-purple,
34
- pink: $color-pink,
35
- red: $color-red,
36
- orange: $color-orange,
37
- yellow: $color-yellow,
38
- primary: $color-primary,
39
- secondary: $color-secondary,
40
- tertiary: $color-tertiary
41
- );
42
-
43
- /* # Font-Face
44
- ================================================== */
45
- @if $typography-gotham-round {
46
- @font-face {
47
- font-family: 'Gotham Round';
48
- font-style: normal;
49
- font-weight: normal;
50
- src: url(font_path('gotham/gotham-rounded-book.woff')) format('woff');
51
- }
52
- @font-face {
53
- font-family: 'Gotham Round';
54
- font-style: normal;
55
- font-weight: bold;
56
- src: url(font_path('gotham/gotham-rounded-bold.woff')) format('woff');
57
- }
58
- @font-face {
59
- font-family: 'Gotham Round';
60
- font-style: normal;
61
- font-weight: 500;
62
- src: url(font_path('gotham/gotham-rounded-medium.woff')) format('woff');
63
- }
64
- @font-face {
65
- font-family: 'Gotham Round';
66
- font-style: normal;
67
- font-weight: 200;
68
- src: url(font_path('gotham/gotham-rounded-light.woff')) format('woff');
69
- }
70
- }
71
- @if $typography-gotham {
72
- @font-face {
73
- font-family: 'Gotham';
74
- font-style: normal;
75
- font-weight: normal;
76
- src: url(font_path('gotham/gotham-book.woff')) format('woff');
77
- }
78
- @font-face {
79
- font-family: 'Gotham';
80
- font-style: normal;
81
- font-weight: bold;
82
- src: url(font_path('gotham/gotham-bold.woff')) format('woff');
83
- }
84
- @font-face {
85
- font-family: 'Gotham';
86
- font-style: normal;
87
- font-weight: 500;
88
- src: url(font_path('gotham/gotham-medium.woff')) format('woff');
89
- }
90
- @font-face {
91
- font-family: 'Gotham';
92
- font-style: normal;
93
- font-weight: 200;
94
- src: url(font_path('gotham/gotham-light.woff')) format('woff');
95
- }
96
- }
97
-
98
- /* # Typography
99
- ================================================== */
100
- h1, h2, h3, h4, h5, h6 {
101
- font-family: $typography-sans-serif;
102
- font-weight: bold;
103
- }
104
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
105
- h1 {
106
- font-size: 46px;
107
- line-height: 50px;
108
- margin-bottom: 15px;
109
- }
110
- h2 {
111
- font-size: 35px;
112
- line-height: 40px;
113
- margin-bottom: 10px;
114
- }
115
- h3 {
116
- font-size: 28px;
117
- line-height: 34px;
118
- margin-bottom: 8px;
119
- }
120
- h4 {
121
- font-size: 21px;
122
- line-height: 30px;
123
- margin-bottom: 4px;
124
- }
125
- h5 {
126
- font-size: 17px;
127
- line-height: 24px;
128
- }
129
- h6 {
130
- font-size: 14px;
131
- line-height: 21px;
132
- }
133
- p {
134
- font-size: 16px;
135
- line-height: 25px;
136
- margin-bottom: 20px;
137
- }
138
- p.large,
139
- p.lead {
140
- font-size: 28px;
141
- line-height: 34px;
142
- margin-bottom: 30px;
143
- }
144
- p.lead { font-weight: 200; }
145
- p.medium {
146
- font-size: 21px;
147
- line-height: 27px;
148
- }
149
- p.small {
150
- font-size: 14px;
151
- line-height: 22px;
152
- }
153
- p.mini {
154
- font-size: 12px;
155
- line-height: 20px;
156
- }
157
- address {
158
- font-size: 16px;
159
- line-height: 25px;
160
- }
161
- address.small {
162
- font-size: 14px;
163
- line-height: 22px;
164
- }
165
- address.mini {
166
- font-size: 12px;
167
- line-height: 20px;
168
- }
169
- blockquote {
170
- border-left: 5px solid $color-primary;
171
- padding: 5px 0 5px 10px;
172
- }
173
- blockquote > p { margin-bottom: 5px; }
174
- blockquote > small { color: $color-gray; }
175
- small {
176
- font-size: 11px;
177
- line-height: 17px;
178
- }
179
- strong { font-weight: 500; }
180
-
181
- /* # Alignments
182
- ================================================== */
183
- .text-left { text-align: left; }
184
- .text-center { text-align: center; }
185
- .text-justify { text-align: justify; }
186
- .text-right { text-align: right; }
187
-
188
- /* # Colors
189
- ================================================== */
190
- @each $name, $color in $colors {
191
- .text-#{$name} { color: $color !important; }
192
- }
193
-
194
- /* # Decorations
195
- ================================================== */
196
- .text-overline { text-decoration: overline; }
197
- .text-line-through { text-decoration: line-through; }
198
- .text-underline { text-decoration: underline; }
199
-
200
- /* # Modifiers
201
- ================================================== */
202
- .text-ellipsis {
203
- overflow: hidden;
204
- text-overflow: ellipsis;
205
- white-space: nowrap;
206
- width: 100%;
207
- }
208
- .text-whitespaced { white-space: pre-wrap; }
209
-
210
- /* # Scripts
211
- ================================================== */
212
- .text-heading { font-family: $typography-heading; }
213
- .text-monospace { font-family: $typography-monospace; }
214
- .text-sans-serif { font-family: $typography-sans-serif; }
215
- .text-serif { font-family: $typography-serif; }
216
-
217
- /* # Style
218
- ================================================== */
219
- .text-italic { font-style: italic; }
220
- .text-normal { font-style: normal; }
221
-
222
- /* # Transform
223
- ================================================== */
224
- .text-capitalize { text-transform: capitalize; }
225
- .text-lowercase { text-transform: lowercase; }
226
- .text-uppercase { text-transform: uppercase; }
227
-
228
- /* # Weights
229
- ================================================== */
230
- .text-light { font-weight: 200; }
231
- .text-normal { font-weight: normal; }
232
- .text-semibold { font-weight: 500; }
233
- .text-bold { font-weight: bold; }