active_frontend 13.3.0 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,112 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Subheader
4
- # Styles
5
- # Colors
6
- # Media Queries */
7
-
8
- /* # Subheader
9
- ================================================== */
10
- .subheader {
11
- background: $color-white;
12
- border-bottom: 1px solid;
13
- border-color: $color-haze;
14
- box-sizing: border-box;
15
- color: inherit;
16
- height: 42px;
17
- min-width: 100%;
18
- width: 100%;
19
- }
20
- .subheader-nav {
21
- border-color: $color-haze !important;
22
- list-style: none;
23
- margin: 0;
24
- padding: 0;
25
- }
26
- .subheader-nav-toolbar-adjustment { margin-left: 34px; }
27
- .subheader-nav-toolbar-adjustment-alt { margin-right: 34px; }
28
- .subheader-nav > li {
29
- border-color: inherit;
30
- float: left;
31
- font-size: 14px;
32
- font-weight: bold;
33
- line-height: 1;
34
- margin: 0 20px 0 0 !important;
35
- }
36
- .subheader-nav > li:last-child { margin-right: 0 !important; }
37
- .subheader-nav > li.btn-group,
38
- .subheader-nav > li.btn-group a { border-radius: 0 !important; }
39
- .subheader-nav > li.btn-group + li.btn-group { margin: 0 20px 0 0 !important; }
40
- .subheader-nav > li.spacer {
41
- color: $color-primary;
42
- font-size: 40px;
43
- }
44
- .subheader-nav > li > a {
45
- border-bottom: 4px solid $color-transparent;
46
- box-sizing: border-box;
47
- display: block;
48
- height: 41px;
49
- padding: 14px 0px 11px 0px;
50
- text-align: center;
51
- }
52
- .subheader-nav > li > a:hover,
53
- .subheader-nav > li > a:focus { border-color: inherit; }
54
- .subheader-nav > li > a.active,
55
- .subheader-nav > li > a:active { border-color: $color-primary; }
56
- .subheader-nav .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 -4px 0;
63
- min-width: 21px;
64
- padding: 5px 5px 4px 5px;
65
- vertical-align: middle;
66
- }
67
- .subheader-btn-group { margin-top: 8px; }
68
-
69
- /* # Styles
70
- ================================================== */
71
- .subheader-fixed {
72
- position: fixed;
73
- top: 60px;
74
- min-width: inherit;
75
- width: inherit;
76
- z-index: 1030;
77
- }
78
- .subheader-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 20%); }
79
- .subheader-shadowless { box-shadow: 0; }
80
-
81
- /* # Colors
82
- ================================================== */
83
- .subheader-dark,
84
- .subheader-dark .subheader-nav {
85
- background: $color-black;
86
- border-color: $color-dark-black !important;
87
- color: $color-white;
88
- }
89
- .subheader-dark.subheader-shadow { box-shadow: 0 0 3px $color-dark-black; }
90
- .subheader-light,
91
- .subheader-light .subheader-nav {
92
- background: lighten($color-light-haze, 2%);
93
- border-color: $color-dark-haze !important;
94
- }
95
- .subheader-light.subheader-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 15%); }
96
-
97
- /* # Media Queries
98
- ================================================== */
99
- @media only screen and (max-width: 767px) {
100
- .subheader { display: none; }
101
- }
102
- @media
103
- only screen and (-webkit-min-device-pixel-ratio: 2),
104
- only screen and ( min--moz-device-pixel-ratio: 2),
105
- only screen and ( -o-min-device-pixel-ratio: 2/1),
106
- only screen and ( min-device-pixel-ratio: 2),
107
- only screen and ( min-resolution: 192dpi),
108
- only screen and ( min-resolution: 2dppx) {
109
- .subheader { border-width: 0.5px; }
110
- .subheader-nav > li > a { height: 41.5px; }
111
- .subheader-nav-toolbar-adjustment { margin-left: 34.5px; }
112
- }
@@ -1,120 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Variables
4
- # Swoggle
5
- # Colors */
6
-
7
- /* # Variables
8
- ================================================== */
9
- $ongray-colors: (
10
- dark-haze: $color-dark-haze,
11
- haze: $color-haze,
12
- light-haze: $color-light-haze,
13
- white: $color-white
14
- );
15
- $onwhite-colors: (
16
- dark-black: $color-dark-black,
17
- black: $color-black,
18
- light-black: $color-light-black,
19
- dark-gray: $color-dark-gray,
20
- gray: $color-gray,
21
- light-gray: $color-light-gray,
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
- );
33
-
34
- /* # Swoggle
35
- ================================================== */
36
- .swoggle input[type='radio'],
37
- .swoggle input[type='checkbox'] {
38
- left: 0;
39
- opacity: 0;
40
- filter: alpha(opacity=0);
41
- position: absolute !important;
42
- top: 0;
43
- z-index: -1;
44
- }
45
- .swoggle {
46
- background: $color-light-haze;
47
- border: 1px solid $color-light-haze;
48
- border-radius: 500px;
49
- color: $color-gray;
50
- cursor: pointer;
51
- display: inline-block;
52
- -webkit-font-smoothing: antialiased;
53
- -moz-osx-font-smoothing: grayscale;
54
- font-size: 12px;
55
- font-weight: bold;
56
- line-height: 1;
57
- margin-top: -2px;
58
- min-width: 64px;
59
- overflow: hidden;
60
- padding: 4px 0;
61
- position: relative;
62
- text-align: center;
63
- text-rendering: geometricPrecision;
64
- text-transform: uppercase;
65
- @include transition(all 0.5s ease-in-out);
66
- @include user-select(none);
67
- vertical-align: middle;
68
- }
69
- .swoggle span,
70
- .swoggle label {
71
- box-sizing: border-box;
72
- cursor: pointer;
73
- display: inline-block;
74
- height: 100%;
75
- position: relative;
76
- text-align: center;
77
- vertical-align: middle;
78
- }
79
- .swoggle label {
80
- background: $color-white;
81
- border-radius: 500px;
82
- margin: 0;
83
- padding: 3px 0 4px 0;
84
- width: 20%;
85
- z-index: 100;
86
- }
87
- .swoggle span {
88
- padding: 0;
89
- width: 40%;
90
- z-index: 1;
91
- }
92
- .swoggle div {
93
- display: inline-block;
94
- position: relative;
95
- @include transform(translate3d(0,0,0));
96
- top: 0;
97
- width: 150%;
98
- }
99
- .swoggle.swoggle-on div { margin-left: 0; }
100
- .swoggle.swoggle-off div { margin-left: -50%; }
101
- .swoggle.swoggle-animate div { @include transition(margin-left 0.5s); }
102
- .swoggle.swoggle-disabled { cursor: not-allowed !important; }
103
- .swoggle.swoggle-readonly { cursor: default !important; }
104
-
105
- /* # Colors
106
- ================================================== */
107
- @each $name, $color in $ongray-colors {
108
- .swoggle.swoggle-on.swoggle-#{$name} {
109
- background: $color;
110
- border-color: $color;
111
- color: $color-gray;
112
- }
113
- }
114
- @each $name, $color in $onwhite-colors {
115
- .swoggle.swoggle-on.swoggle-#{$name} {
116
- background: $color;
117
- border-color: $color;
118
- color: $color-white;
119
- }
120
- }
@@ -1,210 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Variables
4
- # Table
5
- # Styles
6
- # Sizes
7
- # Colors
8
- # Media Queries */
9
-
10
- /* # Variables
11
- ================================================== */
12
- $alignments: bottom, middle, top;
13
-
14
- /* # Table
15
- ================================================== */
16
- table {
17
- background: $color-transparent;
18
- border-collapse: collapse;
19
- border-spacing: 0;
20
- max-width: 100%;
21
- }
22
- .table {
23
- border-color: $color-haze !important;
24
- width: 100%;
25
- }
26
- .table caption,
27
- .table thead tr th,
28
- .table tbody tr td,
29
- .table tfoot tr td {
30
- padding: 9px 10px 7px 10px;
31
- text-align: left;
32
- vertical-align: middle;
33
- }
34
- .table caption,
35
- .table thead tr th,
36
- .table tfoot tr td { font-weight: bold; }
37
- .table caption,
38
- .table tbody tr td {
39
- font-size: 16px;
40
- line-height: 25px;
41
- }
42
- .table caption {
43
- letter-spacing: 1px;
44
- text-transform: uppercase;
45
- }
46
- .table thead tr th,
47
- .table tbody tr td,
48
- .table tfoot tr td {
49
- border-top: 1px solid;
50
- border-color: inherit;
51
- }
52
- .table thead tr th {
53
- border-bottom: 2px solid;
54
- border-color: inherit;
55
- }
56
- .table tfoot tr td { border-top-width: 2px; }
57
- .table thead tr th,
58
- .table tfoot tr td {
59
- font-size: 14px;
60
- line-height: 22px;
61
- }
62
- .table tbody tr td { padding-bottom: 6px; }
63
- .table thead tr th.tablespy-sort-asc:before,
64
- .table thead tr th.tablespy-sort-desc:before,
65
- .table thead tr th.tablespy-sort-none:before {
66
- float: right;
67
- font-family: "dripicons";
68
- font-style: normal;
69
- font-weight: normal;
70
- }
71
- .table thead tr th.tablespy-sort-asc:before { content: "\57"; }
72
- .table thead tr th.tablespy-sort-desc:before { content: "\54"; }
73
- .table thead tr th.tablespy-sort-none:before { content: "\e024"; }
74
- .table thead tr th.tablespy-sort-asc,
75
- .table thead tr th.tablespy-sort-desc,
76
- .table thead tr th.tablespy-sort-none { cursor: pointer; }
77
- .table thead tr th.tablespy-sort-empty:before { content: ""; }
78
- .table thead tr th.tablespy-sort-empty { pointer-events: none; }
79
- .table colgroup + thead tr:first-child th,
80
- .table thead:first-child tr:first-child th { border-top: 0; }
81
- .table caption + thead tr:first-child th,
82
- .table tbody + tbody {
83
- border-top: 2px solid;
84
- border-color: inherit;
85
- }
86
- @each $alignment in $alignments {
87
- .table-align-#{$alignment} thead tr th,
88
- .table-align-#{$alignment} tbody tr td,
89
- .table-align-#{$alignment} tfoot tr td { vertical-align: $alignment; }
90
- }
91
-
92
- /* # Styles
93
- ================================================== */
94
- .table-bordered {
95
- border: 1px solid;
96
- border-color: inherit;
97
- border-collapse: separate;
98
- border-left: 0;
99
- }
100
- .table-bordered caption {
101
- border: 1px solid;
102
- border-color: inherit;
103
- }
104
- .table-bordered thead tr th,
105
- .table-bordered tbody tr td,
106
- .table-bordered tfoot tr td {
107
- border-left: 1px solid;
108
- border-color: inherit;
109
- }
110
- .table-bordered caption + thead tr:first-child th,
111
- .table-bordered caption + tbody tr:first-child td,
112
- .table-bordered colgroup + thead tr:first-child th,
113
- .table-bordered colgroup + tbody tr:first-child td,
114
- .table-bordered thead:first-child tr:first-child th,
115
- .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
116
- .table-bordered thead tr th,
117
- .table-hover thead tr th { border-bottom-width: 1px; }
118
- .table-striped tbody tr:nth-child(odd) td { background: lighten($color-light-haze, 2%); }
119
- .table-hover tbody tr:hover td { background: $color-light-haze; }
120
- .table-unbordered,
121
- .table-unbordered thead,
122
- .table-unbordered tbody,
123
- .table-unbordered tfoot,
124
- .table-unbordered tbody tr td {
125
- border: 0;
126
- border-color: inherit;
127
- }
128
-
129
- /* # Sizes
130
- ================================================== */
131
- .table-condensed caption,
132
- .table-condensed thead tr th,
133
- .table-condensed tbody tr td,
134
- .table-condensed tfoot tr td { padding: 6px 5px 5px 5px; }
135
- .table-condensed caption,
136
- .table-condensed tbody tr td {
137
- font-size: 14px;
138
- line-height: 22px;
139
- }
140
- .table-condensed caption { padding-top: 6px; }
141
- .table-condensed thead tr th,
142
- .table-condensed tfoot tr td {
143
- font-size: 13px;
144
- line-height: 21px;
145
- }
146
- .table-scrollable {
147
- height: 300px;
148
- overflow: auto;
149
- }
150
-
151
- /* # Colors
152
- ================================================== */
153
- .table-dark,
154
- .table-dark caption {
155
- background: $color-black;
156
- border-color: $color-dark-black !important;
157
- color: $color-white;
158
- }
159
- .table-light,
160
- .table-light caption {
161
- background: $color-light-haze;
162
- border-color: $color-dark-haze !important;
163
- color: $color-black;
164
- }
165
- .table-white,
166
- .table-white caption {
167
- background: $color-white;
168
- border-color: $color-haze !important;
169
- color: $color-black;
170
- }
171
- .table-dark.table-striped tbody tr:nth-child(odd) td { background: $color-light-black; }
172
- .table-dark.table-hover tbody tr:hover td { background: darken($color-black, 2%); }
173
- .table-light.table-striped tbody tr:nth-child(odd) td { background: $color-haze; }
174
- .table-light.table-hover tbody tr:hover td { background: darken($color-haze, 2%); }
175
-
176
- /* # Media Queries
177
- ================================================== */
178
- @media only screen and (max-width: 960px) {
179
- .table-responsive {
180
- background: $color-transparent;
181
- border: 1px solid $color-haze;
182
- max-height: 300px;
183
- @include overflow-scrolling(touch);
184
- overflow: scroll;
185
- }
186
- .table-responsive.table-dark { border-color: $color-dark-black; }
187
- .table-responsive.table-light { border-color: $color-dark-haze; }
188
- .table-responsive .table thead tr th,
189
- .table-responsive .table tbody tr td,
190
- .table-responsive .table tfoot tr td { white-space: nowrap; }
191
- .table-responsive .table-bordered { border: 0; }
192
- .table-responsive .table-bordered thead tr th:first-child,
193
- .table-responsive .table-bordered tbody tr td:first-child,
194
- .table-responsive .table-bordered tfoot tr td:first-child { border-left: 0; }
195
- .table-responsive .table-bordered thead tr th:last-child,
196
- .table-responsive .table-bordered tbody tr td:last-child,
197
- .table-responsive .table-bordered tfoot tr td:last-child { border-right: 0; }
198
- .table-responsive .table-bordered tbody tr:last-child th,
199
- .table-responsive .table-bordered tbody tr:last-child td,
200
- .table-responsive .table-bordered tfoot tr:last-child td { border-bottom: 0; }
201
- }
202
- @media
203
- only screen and (-webkit-min-device-pixel-ratio: 2),
204
- only screen and ( min--moz-device-pixel-ratio: 2),
205
- only screen and ( -o-min-device-pixel-ratio: 2/1),
206
- only screen and ( min-device-pixel-ratio: 2),
207
- only screen and ( min-resolution: 192dpi),
208
- only screen and ( min-resolution: 2dppx) {
209
- .table caption { letter-spacing: 0.5px; }
210
- }
@@ -1,77 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Timepicker */
4
-
5
- /* # Timepicker
6
- ================================================== */
7
- .timepicker-widget.dropdown-menu.open {
8
- @include animation-duration(0.5s);
9
- @include animation-fill-mode(both);
10
- @include animation-name(animation-bounce-in);
11
- display: block;
12
- }
13
- .timepicker-widget.dropdown-menu:before {
14
- border-bottom: 7px solid;
15
- border-color: inherit;
16
- border-right: 7px solid $color-transparent;
17
- border-left: 7px solid $color-transparent;
18
- content: "";
19
- display: inline-block;
20
- position: absolute;
21
- }
22
- .timepicker-widget.dropdown-menu:after {
23
- border-bottom: 6px solid;
24
- border-color: inherit;
25
- border-right: 6px solid $color-transparent;
26
- border-left: 6px solid $color-transparent;
27
- content: "";
28
- display: inline-block;
29
- position: absolute;
30
- }
31
- .timepicker-widget.timepicker-orient-left:before { left: 6px; }
32
- .timepicker-widget.timepicker-orient-left:after { left: 7px; }
33
- .timepicker-widget.timepicker-orient-right:before { right: 6px; }
34
- .timepicker-widget.timepicker-orient-right:after { right: 7px; }
35
- .timepicker-widget.timepicker-orient-top:before { top: -7px; }
36
- .timepicker-widget.timepicker-orient-top:after { top: -6px; }
37
- .timepicker-widget.timepicker-orient-bottom:before {
38
- border-bottom: 0;
39
- border-top: 7px solid;
40
- border-color: inherit;
41
- border-left-color: $color-transparent;
42
- border-right-color: $color-transparent;
43
- bottom: -7px;
44
- }
45
- .timepicker-widget.timepicker-orient-bottom:after {
46
- border-bottom: 0;
47
- border-top: 6px solid;
48
- border-color: inherit;
49
- border-left-color: $color-transparent;
50
- border-right-color: $color-transparent;
51
- bottom: -6px;
52
- }
53
- .timepicker-widget > table {
54
- margin: 0;
55
- width: 100%;
56
- }
57
- .timepicker-widget > table td {
58
- font-size: 14px;
59
- height: 30px;
60
- margin: 0;
61
- padding: 0;
62
- text-align: center;
63
- }
64
- .timepicker-widget > table td:not(.separator) { min-width: 30px; }
65
- .timepicker-widget > table td span { width: 100%; }
66
- .timepicker-widget > table td > a {
67
- display: inline-block;
68
- font-size: 24px;
69
- margin: 0;
70
- padding: 0;
71
- outline: 0;
72
- width: 100%;
73
- }
74
- .timepicker-widget > table td > a:hover,
75
- .timepicker-widget > table td > a.active,
76
- .timepicker-widget > table td > a:active,
77
- .timepicker-widget > table td > a:focus { color: $color-primary; }