activeadmin_blaze_theme 0.5.9 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (210) hide show
  1. checksums.yaml +5 -5
  2. data/.circleci/config.yml +33 -0
  3. data/.gitignore +12 -2
  4. data/.rspec +3 -0
  5. data/.rubocop.yml +27 -0
  6. data/Gemfile +2 -0
  7. data/LICENSE.txt +1 -1
  8. data/README.md +78 -66
  9. data/Rakefile +2 -1
  10. data/activeadmin_blaze_theme.gemspec +22 -11
  11. data/app/assets/stylesheets/activeadmin_blaze_theme/_base.scss +197 -0
  12. data/app/assets/stylesheets/activeadmin_blaze_theme/_contents.scss +42 -0
  13. data/app/assets/stylesheets/activeadmin_blaze_theme/_footer.scss +15 -0
  14. data/app/assets/stylesheets/activeadmin_blaze_theme/_form.scss +381 -0
  15. data/app/assets/stylesheets/activeadmin_blaze_theme/_header.scss +140 -0
  16. data/app/assets/stylesheets/activeadmin_blaze_theme/_navigation.scss +69 -0
  17. data/app/assets/stylesheets/activeadmin_blaze_theme/_sidebars.scss +64 -0
  18. data/app/assets/stylesheets/activeadmin_blaze_theme/_tables.scss +96 -0
  19. data/app/assets/stylesheets/activeadmin_blaze_theme/_variables.scss +46 -0
  20. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.addresses.scss +11 -0
  21. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss +78 -0
  22. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.avatars.scss +38 -0
  23. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.back-to-top.scss +17 -0
  24. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.badges.scss +71 -0
  25. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.breadcrumbs.scss +24 -0
  26. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.buttons.scss +91 -0
  27. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.calendars.scss +80 -0
  28. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.cards.scss +195 -0
  29. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.divider.scss +39 -0
  30. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.file-upload.scss +24 -0
  31. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.github-buttons.scss +131 -0
  32. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.headings.scss +12 -0
  33. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.hints.scss +21 -0
  34. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.input-groups.scss +164 -0
  35. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.inputs.scss +128 -0
  36. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.links.scss +72 -0
  37. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.lists.scss +64 -0
  38. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.navs.scss +83 -0
  39. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.overlays.scss +23 -0
  40. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.pagination.scss +31 -0
  41. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.progress.scss +83 -0
  42. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.ranges.scss +176 -0
  43. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tables.scss +86 -0
  44. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tabs.scss +68 -0
  45. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tags.scss +39 -0
  46. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.timelines.scss +113 -0
  47. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.toggles.scss +89 -0
  48. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{components.tooltips.scss → _components.tooltips.scss} +28 -30
  49. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.trees.scss +48 -0
  50. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_generics.global.scss +17 -0
  51. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.containers.scss +37 -0
  52. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.drawers.scss +91 -0
  53. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.forms.scss +25 -0
  54. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.responsive.scss → _objects.grid.responsive.scss} +14 -14
  55. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.scss → _objects.grid.scss} +2 -2
  56. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.images.scss → _objects.images.scss} +1 -1
  57. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.media.scss → _objects.media.scss} +3 -3
  58. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.modals.scss +70 -0
  59. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.panels.scss → _objects.panels.scss} +1 -11
  60. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{utilities.alignment.scss → _utilities.alignment.scss} +13 -1
  61. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.boxing.scss +111 -0
  62. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.elevation.scss +17 -0
  63. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.radius.scss +11 -0
  64. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.sizes.scss +23 -0
  65. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.typography.scss +160 -0
  66. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.visibility.scss +54 -0
  67. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_variables.scss +93 -0
  68. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.scss +49 -41
  69. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.buttons.scss +82 -43
  70. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.inputs.scss +2 -40
  71. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss +35 -6
  72. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss +13 -34
  73. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.alignment.scss +12 -0
  74. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.states.scss +7 -0
  75. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.visibility.scss +7 -0
  76. data/app/assets/stylesheets/activeadmin_blaze_theme/theme.scss +10 -938
  77. data/bin/rails +29 -0
  78. data/bin/rake +29 -0
  79. data/bin/rspec +29 -0
  80. data/bin/rubocop +29 -0
  81. data/lib/activeadmin/views/activeadmin_form.rb +6 -2
  82. data/lib/activeadmin_blaze_theme.rb +5 -2
  83. data/lib/activeadmin_blaze_theme/version.rb +3 -1
  84. data/lib/formtastic/inputs/blaze_toggle_input.rb +12 -8
  85. data/spec/dummy/.ruby-version +1 -0
  86. data/spec/dummy/.tool-versions +1 -0
  87. data/spec/dummy/Rakefile +6 -0
  88. data/spec/dummy/app/admin/authors.rb +57 -0
  89. data/spec/dummy/app/admin/dashboard.rb +32 -0
  90. data/spec/dummy/app/admin/posts.rb +50 -0
  91. data/spec/dummy/app/admin/tags.rb +4 -0
  92. data/spec/dummy/app/assets/config/manifest.js +3 -0
  93. data/spec/dummy/app/assets/images/.keep +0 -0
  94. data/spec/dummy/app/assets/javascripts/active_admin.js +1 -0
  95. data/spec/dummy/app/assets/stylesheets/active_admin.scss +4 -0
  96. data/spec/dummy/app/assets/stylesheets/application.css +15 -0
  97. data/spec/dummy/app/channels/application_cable/channel.rb +4 -0
  98. data/spec/dummy/app/channels/application_cable/connection.rb +4 -0
  99. data/spec/dummy/app/controllers/application_controller.rb +2 -0
  100. data/spec/dummy/app/controllers/concerns/.keep +0 -0
  101. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  102. data/spec/dummy/app/javascript/packs/application.js +15 -0
  103. data/spec/dummy/app/jobs/application_job.rb +7 -0
  104. data/spec/dummy/app/mailers/application_mailer.rb +4 -0
  105. data/spec/dummy/app/models/application_record.rb +7 -0
  106. data/spec/dummy/app/models/author.rb +26 -0
  107. data/spec/dummy/app/models/concerns/.keep +0 -0
  108. data/spec/dummy/app/models/post.rb +25 -0
  109. data/spec/dummy/app/models/post_tag.rb +9 -0
  110. data/spec/dummy/app/models/profile.rb +9 -0
  111. data/spec/dummy/app/models/tag.rb +6 -0
  112. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  113. data/spec/dummy/app/views/layouts/mailer.html.erb +13 -0
  114. data/spec/dummy/app/views/layouts/mailer.text.erb +1 -0
  115. data/spec/dummy/bin/rails +4 -0
  116. data/spec/dummy/bin/rake +4 -0
  117. data/spec/dummy/bin/setup +33 -0
  118. data/spec/dummy/config.ru +5 -0
  119. data/spec/dummy/config/application.rb +18 -0
  120. data/spec/dummy/config/boot.rb +5 -0
  121. data/spec/dummy/config/cable.yml +10 -0
  122. data/spec/dummy/config/database.yml +8 -0
  123. data/spec/dummy/config/environment.rb +5 -0
  124. data/spec/dummy/config/environments/development.rb +62 -0
  125. data/spec/dummy/config/environments/production.rb +112 -0
  126. data/spec/dummy/config/environments/test.rb +49 -0
  127. data/spec/dummy/config/initializers/active_admin.rb +335 -0
  128. data/spec/dummy/config/initializers/application_controller_renderer.rb +8 -0
  129. data/spec/dummy/config/initializers/assets.rb +12 -0
  130. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  131. data/spec/dummy/config/initializers/content_security_policy.rb +28 -0
  132. data/spec/dummy/config/initializers/cookies_serializer.rb +5 -0
  133. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  134. data/spec/dummy/config/initializers/inflections.rb +16 -0
  135. data/spec/dummy/config/initializers/mime_types.rb +4 -0
  136. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  137. data/spec/dummy/config/locales/en.yml +33 -0
  138. data/spec/dummy/config/puma.rb +38 -0
  139. data/spec/dummy/config/routes.rb +3 -0
  140. data/spec/dummy/config/spring.rb +6 -0
  141. data/spec/dummy/config/storage.yml +7 -0
  142. data/spec/dummy/db/migrate/20170806125915_create_active_storage_tables.active_storage.rb +27 -0
  143. data/spec/dummy/db/migrate/20180101010101_create_active_admin_comments.rb +16 -0
  144. data/spec/dummy/db/migrate/20180607053251_create_authors.rb +13 -0
  145. data/spec/dummy/db/migrate/20180607053254_create_profiles.rb +12 -0
  146. data/spec/dummy/db/migrate/20180607053255_create_tags.rb +11 -0
  147. data/spec/dummy/db/migrate/20180607053257_create_post_tags.rb +12 -0
  148. data/spec/dummy/db/migrate/20180607053739_create_posts.rb +17 -0
  149. data/spec/dummy/db/schema.rb +99 -0
  150. data/spec/dummy/lib/assets/.keep +0 -0
  151. data/spec/dummy/public/404.html +67 -0
  152. data/spec/dummy/public/422.html +67 -0
  153. data/spec/dummy/public/500.html +66 -0
  154. data/spec/dummy/public/apple-touch-icon-precomposed.png +0 -0
  155. data/spec/dummy/public/apple-touch-icon.png +0 -0
  156. data/spec/dummy/public/favicon.ico +0 -0
  157. data/spec/rails_helper.rb +36 -0
  158. data/spec/spec_helper.rb +20 -0
  159. data/spec/support/capybara.rb +3 -0
  160. data/spec/support/drivers.rb +7 -0
  161. data/spec/system/theme_spec.rb +15 -0
  162. metadata +360 -66
  163. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss +0 -30
  164. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss +0 -12
  165. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss +0 -59
  166. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss +0 -36
  167. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss +0 -60
  168. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss +0 -20
  169. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss +0 -49
  170. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss +0 -77
  171. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss +0 -69
  172. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.cards.scss +0 -213
  173. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.headings.scss +0 -14
  174. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss +0 -27
  175. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss +0 -163
  176. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss +0 -144
  177. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss +0 -31
  178. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss +0 -60
  179. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss +0 -126
  180. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss +0 -26
  181. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.pagination.scss +0 -42
  182. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.progress.scss +0 -51
  183. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.ranges.scss +0 -114
  184. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tables.scss +0 -88
  185. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tabs.scss +0 -72
  186. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tags.scss +0 -42
  187. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.toggles.scss +0 -74
  188. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.trees.scss +0 -47
  189. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss +0 -94
  190. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/generics.global.scss +0 -13
  191. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.alerts.scss +0 -6
  192. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.badges.scss +0 -8
  193. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.links.scss +0 -22
  194. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.lists.scss +0 -10
  195. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.navs.scss +0 -29
  196. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.ranges.scss +0 -89
  197. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.tabs.scss +0 -5
  198. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.toggles.scss +0 -6
  199. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss +0 -25
  200. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.containers.scss +0 -10
  201. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_settings.global.scss +0 -864
  202. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.boxing.scss +0 -125
  203. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss +0 -31
  204. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.drawers.scss +0 -88
  205. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.forms.scss +0 -25
  206. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.modals.scss +0 -58
  207. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/themes/blaze.example.scss +0 -7
  208. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss +0 -101
  209. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss +0 -19
  210. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss +0 -25
@@ -0,0 +1,69 @@
1
+ body.active_admin {
2
+ nav.pagination {
3
+ @extend .c-pagination;
4
+
5
+ float: none;
6
+ justify-content: center;
7
+ margin: 0;
8
+ padding: 0;
9
+
10
+ span > a {
11
+ background: transparent;
12
+ background-image: none;
13
+ border: 0 none;
14
+ box-shadow: none;
15
+ color: initial;
16
+ cursor: pointer;
17
+ padding: 6px 10px;
18
+ margin: 0 auto;
19
+ text-shadow: none;
20
+ }
21
+
22
+ a:hover, span:hover > a {
23
+ background: transparent;
24
+ background-image: none;
25
+ color: #888;
26
+ text-shadow: none;
27
+ }
28
+
29
+ .first, .prev, .next, .last {
30
+ display: inline-block;
31
+ margin-right: 2px;
32
+ padding: 0;
33
+ }
34
+
35
+ .prev {
36
+ margin-right: 16px;
37
+ }
38
+
39
+ .next {
40
+ margin-left: 14px;
41
+ }
42
+
43
+ .page {
44
+ display: inline-block;
45
+ margin-right: 2px;
46
+ padding: 0;
47
+ &.current {
48
+ background-color: transparent;
49
+ background-image: none;
50
+ border-radius: 20px;
51
+ color: #000;
52
+ padding: 6px 10px;
53
+ text-shadow: none;
54
+ }
55
+ &.current:hover {
56
+ background-color: transparent;
57
+ background-image: none;
58
+ }
59
+ &.gap {
60
+ border: 0 none;
61
+ }
62
+ &.gap:hover {
63
+ background-color: transparent;
64
+ color: initial;
65
+ cursor: default;
66
+ }
67
+ }
68
+ }
69
+ }
@@ -0,0 +1,64 @@
1
+ body.active_admin {
2
+ #sidebar {
3
+ background: $bg-sidebar;
4
+ min-height: calc(100vh - #{$height-topbar + $height-titlebar + 2 + 40});
5
+ padding: 0 15px;
6
+ .sidebar_section {
7
+ margin-bottom: 20px;
8
+ }
9
+ .filter_form .selectize-control > .selectize-input {
10
+ width: 100%;
11
+ }
12
+ }
13
+ #active_admin_content > #sidebar, #active_admin_content > #main_content_wrapper {
14
+ float: none;
15
+ }
16
+ .panel_contents {
17
+ @extend .c-card__item;
18
+ padding: 8px 10px 10px 10px;
19
+ }
20
+ .sidebar_section {
21
+ @extend .c-card;
22
+ @extend .u-high;
23
+ .filter_form_field {
24
+ input[type='datetime-local'],
25
+ input[type='email'],
26
+ input[type='number'],
27
+ input[type='password'],
28
+ input[type='search'],
29
+ input[type='tel'],
30
+ input[type='text'],
31
+ input[type='time'],
32
+ input[type='url'],
33
+ textarea {
34
+ background-color: $bg-inputs;
35
+ background-image: none;
36
+ }
37
+ select {
38
+ background-color: $bg-inputs;
39
+ }
40
+ }
41
+ > h3 {
42
+ @extend .c-card__item;
43
+ @extend .c-card__item--brand;
44
+ background-image: none;
45
+ border: 0 none !important;
46
+ color: $fg-box-title;
47
+ margin-bottom: 2px;
48
+ margin-top: 0;
49
+ padding: 8px 11px;
50
+ text-shadow: $text-shadow 0 1px 0;
51
+ }
52
+ h4 {
53
+ margin: 0;
54
+ }
55
+ input[type='submit'] {
56
+ @extend .c-button--info;
57
+
58
+ color: #f4f4f4;
59
+ }
60
+ ul {
61
+ margin: 0 0 8px 0;
62
+ }
63
+ }
64
+ }
@@ -0,0 +1,96 @@
1
+ body.active_admin {
2
+ .blaze-table {
3
+ @extend .c-table;
4
+ // @extend .c-table--striped;
5
+ // @extend .c-table--condensed;
6
+ >thead {
7
+ @extend .c-table__head;
8
+ >tr {
9
+ @extend .c-table__row;
10
+ @extend .c-table__row--heading;
11
+ >th {
12
+ @extend .c-table__cell;
13
+ }
14
+ }
15
+ }
16
+ >tbody {
17
+ @extend .c-table__body;
18
+ >tr {
19
+ @extend .c-table__row;
20
+ >td {
21
+ @extend .c-table__cell;
22
+ }
23
+ }
24
+ }
25
+ &.table-bordered {
26
+ border: 1px solid #ddd;
27
+ &.table-rows {
28
+ border-bottom: 0 none;
29
+ }
30
+ }
31
+ &.table-rows >tbody >tr {
32
+ border-bottom: 1px solid #ddd;
33
+ }
34
+ &.table-striped >tbody >tr.even {
35
+ background: #f4f4f4;
36
+ }
37
+ }
38
+
39
+ .table_tools {
40
+ a {
41
+ @extend .button-base;
42
+ cursor: pointer;
43
+ margin-right: 10px;
44
+ span {
45
+ color: $fg-table-link;
46
+ }
47
+ }
48
+ a:hover,
49
+ a.table_tools_button:hover,
50
+ .dropdown_menu_button:hover {
51
+ background-color: #aaa;
52
+ background-image: none;
53
+ }
54
+ .dropdown_menu_list a {
55
+ width: 100%;
56
+ }
57
+ }
58
+
59
+ .index_table {
60
+ th {
61
+ background-image: none;
62
+ background-color: #eee;
63
+ border: 0 none;
64
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 1px #fff inset;
65
+ }
66
+ tbody > tr > td:first-child {
67
+ border-left: 1px solid $fg-table-borders;
68
+ }
69
+ tbody > tr > td {
70
+ border-right: 1px solid $fg-table-borders;
71
+ }
72
+ .col.col-selectable > div {
73
+ text-align: center;
74
+ }
75
+ }
76
+ .index_as_table {
77
+ overflow-x: scroll;
78
+ }
79
+ .panel_contents table tr:last-child {
80
+ > td, > th {
81
+ border-bottom: 0 none;
82
+ }
83
+ }
84
+ .col-actions {
85
+ padding: 1px 2px 0 6px;
86
+ vertical-align: middle;
87
+ a.c-button {
88
+ // color: #222;
89
+ margin-right: 1px;
90
+ margin-left: 1px;
91
+ }
92
+ // .table_actions {
93
+ // text-align: center;
94
+ // }
95
+ }
96
+ }
@@ -0,0 +1,46 @@
1
+ // default colors
2
+ $color-black: #111 !default;
3
+ $color-grey: #B0BEC5 !default;
4
+ $color-white: #FFF !default;
5
+ $color-beige: #F2F2EA !default;
6
+ $color-red: #F44336 !default;
7
+ $color-pink: #E91E63 !default;
8
+ $color-purple: #9C27B0 !default;
9
+ $color-blue: #2196F3 !default;
10
+ $color-green: #4CAF50 !default;
11
+ $color-cyan: #00BCD4 !default;
12
+ $color-yellow: #FFEB3B !default;
13
+ $color-orange: #FF9800 !default;
14
+ $color-brown: #795548 !default;
15
+
16
+ $color-brand: #2C3E50 !default;
17
+ $color-info: $color-blue !default;
18
+ $color-warning: $color-orange !default;
19
+ $color-success: $color-green !default;
20
+ $color-error: $color-red !default;
21
+
22
+ // main variables
23
+ $bg-footer: #dfdfdf !default; // bg footer bar
24
+ $bg-form1: #f4f4f4 !default; // bg 1st level forms
25
+ $bg-form2: darken($bg-form1, 3%) !default; // bg 2nd level forms (nested)
26
+ $bg-form3: darken($bg-form1, 6%) !default; // bg 3rd level forms (nested)
27
+ $bg-form4: darken($bg-form1, 9%) !default; // bg 4th level forms (nested)
28
+ $bg-form-sub-headings: lighten( $color-brand, 64% ) !default; // bg nested forms title
29
+ $bg-header: $color-brand !default; // bg header bar
30
+ $bg-inputs: #fff !default; // bg forms inputs
31
+ $bg-menu-active: #7b929e !default; // bg menu item current / hover
32
+ $bg-sidebar: #efefef; // bg sidebar
33
+ $fg-box-title: #fff !default;
34
+ $fg-button-link: #fff !default;
35
+ $fg-menu-items: #f8f8f8 !default;
36
+ $fg-table-borders: #e4e4e4 !default;
37
+ $fg-table-link: #eee !default;
38
+
39
+ // other variables
40
+ $color-validation-error: #932419 !default;
41
+ $form-padding: 10px !default;
42
+ $inputs-spacing: 10px !default;
43
+ $height-inputs: 26px !default;
44
+ $height-topbar: 40px !default;
45
+ $height-titlebar: 38px !default;
46
+ $text-shadow: #000 !default;
@@ -0,0 +1,11 @@
1
+ .c-address {
2
+ display: block;
3
+ margin: 0;
4
+ padding: var(--spacing-small) 0;
5
+ font-style: normal;
6
+ }
7
+
8
+ .c-address__heading {
9
+ display: block;
10
+ font-weight: var(--text-font-weight-heavy);
11
+ }
@@ -0,0 +1,78 @@
1
+ .c-alerts[role='presentation'] {
2
+ --alerts-background-color: var(--color-transparent);
3
+
4
+ z-index: var(--z-over-page);
5
+ display: block;
6
+ max-height: 100%;
7
+ margin: 0;
8
+ padding: 0;
9
+ overflow-y: auto;
10
+ list-style: none;
11
+ background-color: var(--alerts-background-color);
12
+ -webkit-overflow-scrolling: touch;
13
+ }
14
+
15
+ .c-alerts--topleft,
16
+ .c-alerts--topright,
17
+ .c-alerts--bottomleft,
18
+ .c-alerts--bottomright {
19
+ position: fixed;
20
+ width: 250px;
21
+ }
22
+
23
+ .c-alerts--topleft {
24
+ top: var(--spacing-medium);
25
+ left: var(--spacing-medium);
26
+ }
27
+
28
+ .c-alerts--topright {
29
+ top: var(--spacing-medium);
30
+ right: var(--spacing-medium);
31
+ }
32
+
33
+ .c-alerts--bottomleft {
34
+ bottom: 0;
35
+ left: var(--spacing-medium);
36
+ }
37
+
38
+ .c-alerts--bottomright {
39
+ right: var(--spacing-medium);
40
+ bottom: 0;
41
+ }
42
+
43
+ .c-alert[role='alert'] {
44
+ --alert-color: white;
45
+ --alert-background-color: var(--color-default);
46
+
47
+ position: relative;
48
+ margin: var(--spacing-medium);
49
+ padding: var(--spacing-medium) var(--spacing-super) var(--spacing-medium) var(--spacing-medium);
50
+ color: var(--alert-color);
51
+ background-color: var(--alert-background-color);
52
+ border-radius: var(--border-radius);
53
+
54
+ .c-link {
55
+ color: var(--alert-color) !important;
56
+ }
57
+
58
+ &.c-alert--brand {
59
+ --alert-background-color: var(--color-brand);
60
+ }
61
+
62
+ &.c-alert--info {
63
+ --alert-background-color: var(--color-info);
64
+ }
65
+
66
+ &.c-alert--warning {
67
+ --alert-color: black;
68
+ --alert-background-color: var(--color-warning);
69
+ }
70
+
71
+ &.c-alert--success {
72
+ --alert-background-color: var(--color-success);
73
+ }
74
+
75
+ &.c-alert--error {
76
+ --alert-background-color: var(--color-error);
77
+ }
78
+ }
@@ -0,0 +1,38 @@
1
+ .c-avatar {
2
+ --avatar-color: white;
3
+ --avatar-background-color: var(--color-brand);
4
+ --avatar-border-radius: var(--border-radius-rounded);
5
+
6
+ position: relative;
7
+ display: inline-block;
8
+ width: 3em;
9
+ height: 3em;
10
+ margin: 0;
11
+ color: var(--avatar-color);
12
+ background-color: var(--avatar-background-color);
13
+ border-radius: var(--avatar-border-radius);
14
+ }
15
+
16
+ .c-avatar[data-text]::after {
17
+ position: absolute;
18
+ top: 50%;
19
+ left: 50%;
20
+ transform: translate(-50%, -50%);
21
+ content: attr(data-text);
22
+ }
23
+
24
+ .c-avatar__img[alt] {
25
+ display: block;
26
+ width: 100%;
27
+ height: 100%;
28
+ overflow: hidden;
29
+ border-radius: var(--avatar-border-radius);
30
+ }
31
+
32
+ .c-avatar__img[alt] + .c-avatar__img[alt] {
33
+ position: absolute;
34
+ right: 0;
35
+ bottom: 0;
36
+ width: 50%;
37
+ height: 50%;
38
+ }
@@ -0,0 +1,17 @@
1
+ .c-back-to-top {
2
+ position: fixed;
3
+ right: 2em;
4
+ bottom: 2em;
5
+ z-index: var(--z-over-page);
6
+
7
+ &.c-back-to-top--left {
8
+ right: auto;
9
+ left: 2em;
10
+ }
11
+
12
+ &.c-back-to-top--center {
13
+ right: auto;
14
+ left: 50%;
15
+ transform: translateX(-50%);
16
+ }
17
+ }
@@ -0,0 +1,71 @@
1
+ .c-badge {
2
+ --badge-color: white;
3
+ --badge-background-color: var(--color-default);
4
+
5
+ display: inline-block;
6
+ margin: 0;
7
+ padding: var(--spacing-xsmall) var(--spacing-small);
8
+ color: var(--badge-color);
9
+ font-weight: var(--text-font-weight-heavy);
10
+ font-size: 0.8em;
11
+ line-height: 1.2;
12
+ background-color: var(--badge-background-color);
13
+ border: var(--border-width) var(--border-style) transparent;
14
+ border-radius: var(--border-radius);
15
+
16
+ &.c-badge--ghost {
17
+ --badge-background-color: var(--color-transparent);
18
+ --badge-color: var(--color-default);
19
+ border-color: var(--badge-color);
20
+ }
21
+ }
22
+
23
+ .c-badge--rounded {
24
+ border-radius: var(--border-radius-rounded);
25
+ }
26
+
27
+ .c-badge--brand {
28
+ --badge-background-color: var(--color-brand);
29
+
30
+ &.c-badge--ghost {
31
+ --badge-background-color: var(--color-transparent);
32
+ --badge-color: var(--color-brand);
33
+ }
34
+ }
35
+
36
+ .c-badge--info {
37
+ --badge-background-color: var(--color-info);
38
+
39
+ &.c-badge--ghost {
40
+ --badge-background-color: var(--color-transparent);
41
+ --badge-color: var(--color-info);
42
+ }
43
+ }
44
+
45
+ .c-badge--warning {
46
+ --badge-background-color: var(--color-warning);
47
+ --badge-color: black;
48
+
49
+ &.c-badge--ghost {
50
+ --badge-background-color: var(--color-transparent);
51
+ --badge-color: var(--color-warning);
52
+ }
53
+ }
54
+
55
+ .c-badge--success {
56
+ --badge-background-color: var(--color-success);
57
+
58
+ &.c-badge--ghost {
59
+ --badge-background-color: var(--color-transparent);
60
+ --badge-color: var(--color-success);
61
+ }
62
+ }
63
+
64
+ .c-badge--error {
65
+ --badge-background-color: var(--color-error);
66
+
67
+ &.c-badge--ghost {
68
+ --badge-background-color: var(--color-transparent);
69
+ --badge-color: var(--color-error);
70
+ }
71
+ }