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,33 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Image
4
- # Alignments
5
- # Styles
6
- # Media Queries */
7
-
8
- /* # Image
9
- ================================================== */
10
- img {
11
- border: 0;
12
- border-radius: 3px;
13
- display: block;
14
- height: auto;
15
- max-width: 100%;
16
- vertical-align: middle;
17
- width: auto;
18
- }
19
-
20
- /* # Alignments
21
- ================================================== */
22
- .img-center { margin: 0 auto; }
23
-
24
- /* # Styles
25
- ================================================== */
26
- .img-circle { border-radius: 500px; }
27
- .img-square { border-radius: 0; }
28
-
29
- /* # Media Queries
30
- ================================================== */
31
- @media only screen and (max-width: 767px) {
32
- .img-icon { max-width: 60%; }
33
- }
@@ -1,104 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Variables
4
- # Label and badge
5
- # Styles
6
- # Colors */
7
-
8
- /* # Variables
9
- ================================================== */
10
- $onblack-colors: (
11
- dark-haze: $color-dark-haze,
12
- haze: $color-haze,
13
- light-haze: $color-light-haze
14
- );
15
- $ongray-colors: (
16
- white: $color-white
17
- );
18
- $onwhite-colors: (
19
- dark-black: $color-dark-black,
20
- black: $color-black,
21
- light-black: $color-light-black,
22
- dark-gray: $color-dark-gray,
23
- gray: $color-gray,
24
- light-gray: $color-light-gray,
25
- lime: $color-lime,
26
- green: $color-green,
27
- teal: $color-teal,
28
- blue: $color-blue,
29
- indigo: $color-indigo,
30
- purple: $color-purple,
31
- pink: $color-pink,
32
- red: $color-red,
33
- orange: $color-orange,
34
- yellow: $color-yellow
35
- );
36
-
37
- /* # Label and badge
38
- ================================================== */
39
- .badge,
40
- .label {
41
- background: $color-haze;
42
- border: 1px solid $color-haze;
43
- border-radius: 2px;
44
- box-sizing: border-box;
45
- color: $color-black;
46
- display: inline-block;
47
- padding: 6px;
48
- font-size: 12px;
49
- font-weight: bold;
50
- letter-spacing: 0;
51
- line-height: 1;
52
- min-width: 12px;
53
- text-align: center;
54
- white-space: nowrap;
55
- vertical-align: baseline;
56
- }
57
- .badge { border-radius: 500px; }
58
- .badge:empty,
59
- .label:empty { display: none; }
60
-
61
- /* # Styles
62
- ================================================== */
63
- .badge-block,
64
- .label-block {
65
- display: block;
66
- width: 100%;
67
- }
68
-
69
- /* # Colors
70
- ================================================== */
71
- .badge.badge-outline,
72
- .label.label-outline {
73
- background: $color-transparent;
74
- color: $color-haze;
75
- }
76
- @each $name, $color in $onblack-colors {
77
- .badge-#{$name},
78
- .label-#{$name} {
79
- background: $color;
80
- border-color: $color;
81
- }
82
- .badge-#{$name}.badge-outline,
83
- .label-#{$name}.label-outline { color: $color; }
84
- }
85
- @each $name, $color in $ongray-colors {
86
- .badge-#{$name},
87
- .label-#{$name} {
88
- background: $color;
89
- border-color: $color;
90
- color: $color-gray;
91
- }
92
- .badge-#{$name}.badge-outline,
93
- .label-#{$name}.label-outline { color: $color; }
94
- }
95
- @each $name, $color in $onwhite-colors {
96
- .badge-#{$name},
97
- .label-#{$name} {
98
- background: $color;
99
- border-color: $color;
100
- color: $color-white;
101
- }
102
- .badge-#{$name}.badge-outline,
103
- .label-#{$name}.label-outline { color: $color; }
104
- }
@@ -1,55 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Variables
4
- # Link
5
- # State */
6
-
7
- /* # Variables
8
- ================================================== */
9
- $colors: (
10
- dark-black: $color-dark-black,
11
- black: $color-black,
12
- light-black: $color-light-black,
13
- dark-gray: $color-dark-gray,
14
- gray: $color-gray,
15
- light-gray: $color-light-gray,
16
- dark-haze: $color-dark-haze,
17
- haze: $color-haze,
18
- light-haze: $color-light-haze,
19
- white: $color-white,
20
- lime: $color-lime,
21
- green: $color-green,
22
- teal: $color-teal,
23
- blue: $color-blue,
24
- indigo: $color-indigo,
25
- purple: $color-purple,
26
- pink: $color-pink,
27
- red: $color-red,
28
- orange: $color-orange,
29
- yellow: $color-yellow,
30
- primary: $color-primary,
31
- secondary: $color-secondary,
32
- tertiary: $color-tertiary
33
- );
34
-
35
- /* # Link
36
- ================================================== */
37
- a {
38
- color: inherit;
39
- text-decoration: none;
40
- touch-action: manipulation;
41
- @include transition(all 0.3s ease-in-out);
42
- }
43
- a[disabled] {
44
- cursor: not-allowed;
45
- pointer-events: none;
46
- }
47
-
48
- /* # State
49
- ================================================== */
50
- @each $name, $color in $colors {
51
- .link-state-#{$name}:hover,
52
- .link-state-#{$name}.active,
53
- .link-state-#{$name}:active,
54
- .link-state-#{$name}.focus { color: $color !important; }
55
- }
@@ -1,122 +0,0 @@
1
- /* Table of Contents
2
- ==================================================s
3
- # List
4
- # Styles
5
- # Sizes
6
- # Colors
7
- # Media Queries */
8
-
9
- /* # List
10
- ================================================== */
11
- dl > dt,
12
- dl > dd,
13
- ul,
14
- ol {
15
- border-color: $color-haze !important;
16
- font-size: 16px;
17
- font-weight: normal;
18
- line-height: 25px;
19
- }
20
- dl > dt {
21
- font-weight: bold;
22
- margin-bottom: 5px;
23
- }
24
- dl > dd { margin: 0 0 5px 10px; }
25
- ul { padding-left: 17px; }
26
- ol { padding-left: 23px; }
27
-
28
- /* # Styles
29
- ================================================== */
30
- .list-scrollable {
31
- max-height: 300px;
32
- overflow: auto;
33
- }
34
- .list-bordered,
35
- .list-inline,
36
- .list-lined,
37
- .list-striped,
38
- .list-unstyled {
39
- list-style: none;
40
- padding: 0;
41
- }
42
- .list-bordered > li,
43
- .list-lined > li,
44
- .list-striped > li { padding: 9px 10px 7px 10px; }
45
- .list-bordered > li {
46
- border: 1px solid;
47
- border-bottom: 0;
48
- border-color: inherit;
49
- }
50
- .list-bordered > li:last-child {
51
- border-bottom: 1px solid;
52
- border-color: inherit;
53
- }
54
- .list-bordered.list-scrollable {
55
- border-bottom: 1px solid;
56
- border-top: 1px solid;
57
- border-color: inherit;
58
- }
59
- .list-bordered.list-scrollable:empty { border: 0; }
60
- .list-bordered.list-scrollable > li:first-child { border-top: 0; }
61
- .list-bordered.list-scrollable > li:last-child { border-bottom: 0; }
62
- .list-inline > li {
63
- display: inline-block;
64
- margin-right: 10px;
65
- }
66
- .list-inline > li:last-child { margin-right: 0; }
67
- .list-lined > li {
68
- border-top: 1px solid;
69
- border-color: inherit;
70
- padding-left: 0;
71
- padding-right: 0;
72
- }
73
- .list-lined > li:first-child { border: 0; }
74
- .list-striped > li:nth-child(odd) { background: lighten($color-light-haze, 2%); }
75
- .list-hover > li:hover { background: $color-light-haze }
76
-
77
- /* # Sizes
78
- ================================================== */
79
- .list-condensed {
80
- font-size: 14px;
81
- line-height: 22px;
82
- }
83
- .list-condensed.list-bordered > li,
84
- .list-condensed.list-lined > li,
85
- .list-condensed.list-striped > li, { padding: 5px 5px 4px 5px; }
86
-
87
- /* # Colors
88
- ================================================== */
89
- .list-dark {
90
- background: $color-black;
91
- border-color: $color-dark-black !important;
92
- color: $color-white;
93
- }
94
- .list-light {
95
- background: $color-light-haze;
96
- border-color: $color-dark-haze !important;
97
- color: $color-black;
98
- }
99
- .list-white {
100
- background: $color-white;
101
- border-color: $color-haze !important;
102
- color: $color-black;
103
- }
104
- .list-dark.list-striped > li:nth-child(odd) { background: $color-light-black; }
105
- .list-dark.list-hover > li:hover { background: darken($color-black, 2%); }
106
- .list-light.list-striped > li:nth-child(odd) { background: $color-haze; }
107
- .list-light.list-hover > li:hover { background: darken($color-haze, 2%); }
108
-
109
- /* # Media Queries
110
- ================================================== */
111
- @media
112
- only screen and (-webkit-min-device-pixel-ratio: 2),
113
- only screen and ( min--moz-device-pixel-ratio: 2),
114
- only screen and ( -o-min-device-pixel-ratio: 2/1),
115
- only screen and ( min-device-pixel-ratio: 2),
116
- only screen and ( min-resolution: 192dpi),
117
- only screen and ( min-resolution: 2dppx) {
118
- .list-bordered > li,
119
- .list-bordered > li:last-child,
120
- .list-bordered.list-scrollable,
121
- .list-lined > li { border-width: 0.5px; }
122
- }
@@ -1,71 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Keyframes
4
- # Loader
5
- # Colors */
6
-
7
- /* # Keyframes
8
- ================================================== */
9
- @-webkit-keyframes loader-spinner {
10
- 0% { @include transform(0); }
11
- 100% { @include transform(360deg); }
12
- }
13
- @keyframes loader-spinner {
14
- 0% { @include transform(0); }
15
- 100% { @include transform(360deg); }
16
- }
17
-
18
- /* # Loader
19
- ================================================== */
20
- .loader-backdrop,
21
- .loader-bar {
22
- height: 2px;
23
- left: 0;
24
- pointer-events: none;
25
- position: fixed;
26
- right: 0;
27
- top: 0;
28
- width: 100%;
29
- z-index: 9999;
30
- }
31
- .loader-backdrop {
32
- height: 2px;
33
- background: $color-transparent;
34
- }
35
- .loader-bar { background: $color-primary; }
36
- .loader-peg {
37
- box-shadow: 0 0 10px $color-primary, 0 0 5px $color-primary;
38
- display: block;
39
- height: 100%;
40
- opacity: 1;
41
- pointer-events: none;
42
- position: absolute;
43
- right: 0;
44
- @include transform(rotate(3deg) translate(0, -4px));
45
- width: 100px;
46
- }
47
- .loader-spinner {
48
- display: block;
49
- pointer-events: none;
50
- position: fixed;
51
- right: 15px;
52
- top: 15px;
53
- z-index: 9999;
54
- }
55
- .loader-spinner-icon {
56
- @include animation(loader-spinner 400ms linear infinite);
57
- border: solid 2px $color-transparent;
58
- border-left-color: $color-primary;
59
- border-top-color: $color-primary;
60
- border-radius: 500px;
61
- box-sizing: border-box;
62
- height: 18px;
63
- pointer-events: none;
64
- width: 18px;
65
- }
66
-
67
- /* # Colors
68
- ================================================== */
69
- .loader-dark { background: $color-black; }
70
- .loader-light { background: $color-haze; }
71
- .loader-white { background: $color-white; }
@@ -1,44 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Map
4
- # Alignments
5
- # Colors
6
- # Media Queries */
7
-
8
- /* # Map
9
- ================================================== */
10
- .map {
11
- background: $color-white;
12
- border: 1px solid $color-haze;
13
- box-sizing: border-box;
14
- display: block;
15
- min-height: 220px;
16
- min-width:220px;
17
- }
18
-
19
- /* # Alignments
20
- ================================================== */
21
- .map-center { margin: 0 auto; }
22
-
23
- /* # Colors
24
- ================================================== */
25
- .map-dark {
26
- background: $color-black;
27
- border-color: $color-dark-black;
28
- }
29
- .map-light {
30
- background: $color-light-haze;
31
- border-color: $color-dark-haze;
32
- }
33
-
34
- /* # Media Queries
35
- ================================================== */
36
- @media
37
- only screen and (-webkit-min-device-pixel-ratio: 2),
38
- only screen and ( min--moz-device-pixel-ratio: 2),
39
- only screen and ( -o-min-device-pixel-ratio: 2/1),
40
- only screen and ( min-device-pixel-ratio: 2),
41
- only screen and ( min-resolution: 192dpi),
42
- only screen and ( min-resolution: 2dppx) {
43
- .map { border-width: 0.5px; }
44
- }
@@ -1,74 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- # Missive
4
- # Colors
5
- # Media Queries */
6
-
7
- /* # Missive
8
- ================================================== */
9
- .missive {
10
- background: $color-white;
11
- border: 1px solid $color-haze;
12
- border-radius: 3px;
13
- box-sizing: border-box;
14
- color: $color-light-gray;
15
- margin-bottom: 20px;
16
- }
17
- .missive-icon,
18
- .missive-content {
19
- box-sizing: border-box;
20
- float: left;
21
- }
22
- .missive-icon {
23
- font-size: 84px;
24
- line-height: 120px;
25
- text-align: center;
26
- width: 100px;
27
- }
28
- .missive-content {
29
- font-size: 14px;
30
- line-height: 22px;
31
- padding: 20px 15px 20px 0;
32
- width: calc(100% - 100px);
33
- }
34
- .missive-content > p:last-child { margin-bottom: 0; }
35
-
36
- /* # Colors
37
- ================================================== */
38
- .missive-dark {
39
- background: $color-black;
40
- border-color: $color-dark-black;
41
- color: $color-dark-gray;
42
- }
43
- .missive-light {
44
- background: $color-light-haze;
45
- border-color: $color-dark-haze;
46
- }
47
-
48
- /* # Media Queries
49
- ================================================== */
50
- @media only screen and (min-width: 960px) and (max-width: 1365px) {
51
- .missive-icon {
52
- font-size: 54px;
53
- line-height: 100px;
54
- width: 70px;
55
- }
56
- .missive-content { width: calc(100% - 70px); }
57
- }
58
- @media only screen and (min-width: 768px) and (max-width: 959px) {
59
- .missive-icon {
60
- font-size: 34px;
61
- line-height: 80px;
62
- width: 50px;
63
- }
64
- .missive-content { width: calc(100% - 50px); }
65
- }
66
- @media
67
- only screen and (-webkit-min-device-pixel-ratio: 2),
68
- only screen and ( min--moz-device-pixel-ratio: 2),
69
- only screen and ( -o-min-device-pixel-ratio: 2/1),
70
- only screen and ( min-device-pixel-ratio: 2),
71
- only screen and ( min-resolution: 192dpi),
72
- only screen and ( min-resolution: 2dppx) {
73
- .missive { border-width: 0.5px; }
74
- }