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,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; }