activeadmin_blaze_theme 0.5.12 → 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (218) hide show
  1. checksums.yaml +5 -5
  2. data/.github/workflows/specs.yml +26 -0
  3. data/.gitignore +11 -2
  4. data/.rspec +2 -0
  5. data/.rubocop.yml +27 -0
  6. data/Gemfile +2 -0
  7. data/LICENSE.txt +1 -1
  8. data/README.md +82 -70
  9. data/Rakefile +15 -1
  10. data/activeadmin_blaze_theme.gemspec +24 -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 +11 -989
  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/extra/edit.png +0 -0
  82. data/extra/index.png +0 -0
  83. data/index.js +2 -0
  84. data/lib/activeadmin/views/activeadmin_form.rb +6 -2
  85. data/lib/activeadmin_blaze_theme.rb +5 -2
  86. data/lib/activeadmin_blaze_theme/version.rb +3 -1
  87. data/lib/formtastic/inputs/blaze_toggle_input.rb +12 -8
  88. data/package.json +13 -0
  89. data/spec/dummy/.ruby-version +1 -0
  90. data/spec/dummy/.tool-versions +1 -0
  91. data/spec/dummy/Rakefile +6 -0
  92. data/spec/dummy/app/admin/authors.rb +57 -0
  93. data/spec/dummy/app/admin/dashboard.rb +32 -0
  94. data/spec/dummy/app/admin/posts.rb +50 -0
  95. data/spec/dummy/app/admin/tags.rb +4 -0
  96. data/spec/dummy/app/assets/config/manifest.js +3 -0
  97. data/spec/dummy/app/assets/images/.keep +0 -0
  98. data/spec/dummy/app/assets/javascripts/active_admin.js +1 -0
  99. data/spec/dummy/app/assets/stylesheets/active_admin.scss +4 -0
  100. data/spec/dummy/app/assets/stylesheets/application.css +15 -0
  101. data/spec/dummy/app/channels/application_cable/channel.rb +4 -0
  102. data/spec/dummy/app/channels/application_cable/connection.rb +4 -0
  103. data/spec/dummy/app/controllers/application_controller.rb +2 -0
  104. data/spec/dummy/app/controllers/concerns/.keep +0 -0
  105. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  106. data/spec/dummy/app/javascript/packs/application.js +15 -0
  107. data/spec/dummy/app/jobs/application_job.rb +7 -0
  108. data/spec/dummy/app/mailers/application_mailer.rb +4 -0
  109. data/spec/dummy/app/models/application_record.rb +7 -0
  110. data/spec/dummy/app/models/author.rb +26 -0
  111. data/spec/dummy/app/models/concerns/.keep +0 -0
  112. data/spec/dummy/app/models/post.rb +25 -0
  113. data/spec/dummy/app/models/post_tag.rb +9 -0
  114. data/spec/dummy/app/models/profile.rb +9 -0
  115. data/spec/dummy/app/models/tag.rb +6 -0
  116. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  117. data/spec/dummy/app/views/layouts/mailer.html.erb +13 -0
  118. data/spec/dummy/app/views/layouts/mailer.text.erb +1 -0
  119. data/spec/dummy/bin/rails +4 -0
  120. data/spec/dummy/bin/rake +4 -0
  121. data/spec/dummy/bin/setup +33 -0
  122. data/spec/dummy/config.ru +5 -0
  123. data/spec/dummy/config/application.rb +18 -0
  124. data/spec/dummy/config/boot.rb +5 -0
  125. data/spec/dummy/config/cable.yml +10 -0
  126. data/spec/dummy/config/database.yml +8 -0
  127. data/spec/dummy/config/environment.rb +5 -0
  128. data/spec/dummy/config/environments/development.rb +62 -0
  129. data/spec/dummy/config/environments/production.rb +112 -0
  130. data/spec/dummy/config/environments/test.rb +49 -0
  131. data/spec/dummy/config/initializers/active_admin.rb +335 -0
  132. data/spec/dummy/config/initializers/application_controller_renderer.rb +8 -0
  133. data/spec/dummy/config/initializers/assets.rb +12 -0
  134. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  135. data/spec/dummy/config/initializers/content_security_policy.rb +28 -0
  136. data/spec/dummy/config/initializers/cookies_serializer.rb +5 -0
  137. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  138. data/spec/dummy/config/initializers/inflections.rb +16 -0
  139. data/spec/dummy/config/initializers/mime_types.rb +4 -0
  140. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  141. data/spec/dummy/config/locales/en.yml +33 -0
  142. data/spec/dummy/config/puma.rb +38 -0
  143. data/spec/dummy/config/routes.rb +3 -0
  144. data/spec/dummy/config/spring.rb +6 -0
  145. data/spec/dummy/config/storage.yml +7 -0
  146. data/spec/dummy/db/migrate/20170806125915_create_active_storage_tables.active_storage.rb +27 -0
  147. data/spec/dummy/db/migrate/20180101010101_create_active_admin_comments.rb +16 -0
  148. data/spec/dummy/db/migrate/20180607053251_create_authors.rb +13 -0
  149. data/spec/dummy/db/migrate/20180607053254_create_profiles.rb +12 -0
  150. data/spec/dummy/db/migrate/20180607053255_create_tags.rb +11 -0
  151. data/spec/dummy/db/migrate/20180607053257_create_post_tags.rb +12 -0
  152. data/spec/dummy/db/migrate/20180607053739_create_posts.rb +17 -0
  153. data/spec/dummy/db/schema.rb +99 -0
  154. data/spec/dummy/lib/assets/.keep +0 -0
  155. data/spec/dummy/public/404.html +67 -0
  156. data/spec/dummy/public/422.html +67 -0
  157. data/spec/dummy/public/500.html +66 -0
  158. data/spec/dummy/public/apple-touch-icon-precomposed.png +0 -0
  159. data/spec/dummy/public/apple-touch-icon.png +0 -0
  160. data/spec/dummy/public/favicon.ico +0 -0
  161. data/spec/rails_helper.rb +36 -0
  162. data/spec/spec_helper.rb +20 -0
  163. data/spec/support/capybara.rb +3 -0
  164. data/spec/support/drivers.rb +7 -0
  165. data/spec/system/theme_spec.rb +15 -0
  166. metadata +392 -70
  167. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss +0 -30
  168. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss +0 -12
  169. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss +0 -59
  170. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss +0 -36
  171. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss +0 -60
  172. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss +0 -20
  173. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss +0 -49
  174. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss +0 -77
  175. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss +0 -69
  176. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.cards.scss +0 -213
  177. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.headings.scss +0 -14
  178. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss +0 -27
  179. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss +0 -163
  180. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss +0 -144
  181. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss +0 -31
  182. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss +0 -60
  183. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss +0 -126
  184. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss +0 -26
  185. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.pagination.scss +0 -42
  186. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.progress.scss +0 -51
  187. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.ranges.scss +0 -114
  188. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tables.scss +0 -88
  189. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tabs.scss +0 -72
  190. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tags.scss +0 -42
  191. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.toggles.scss +0 -74
  192. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.trees.scss +0 -47
  193. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss +0 -94
  194. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/generics.global.scss +0 -13
  195. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.alerts.scss +0 -6
  196. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.badges.scss +0 -8
  197. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.links.scss +0 -22
  198. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.lists.scss +0 -10
  199. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.navs.scss +0 -29
  200. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.ranges.scss +0 -89
  201. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.tabs.scss +0 -5
  202. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.toggles.scss +0 -6
  203. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss +0 -25
  204. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.containers.scss +0 -10
  205. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_settings.global.scss +0 -864
  206. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.boxing.scss +0 -125
  207. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss +0 -31
  208. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.drawers.scss +0 -88
  209. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.forms.scss +0 -25
  210. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.modals.scss +0 -58
  211. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/themes/blaze.example.scss +0 -7
  212. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss +0 -101
  213. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss +0 -19
  214. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss +0 -25
  215. data/extra/screenshot1.jpg +0 -0
  216. data/extra/screenshot2.jpg +0 -0
  217. data/extra/screenshot3.jpg +0 -0
  218. data/extra/screenshot4.jpg +0 -0
@@ -0,0 +1,24 @@
1
+ .c-breadcrumbs {
2
+ display: block;
3
+ margin: 0;
4
+ padding: 0;
5
+ list-style: none;
6
+ }
7
+
8
+ .c-breadcrumbs__crumb {
9
+ display: inline-block;
10
+ width: auto;
11
+ padding: 0;
12
+
13
+ &:not([aria-current]) {
14
+ ::after {
15
+ padding: 0 var(--spacing-small);
16
+ color: var(--color-default);
17
+ content: '/';
18
+ }
19
+ }
20
+
21
+ &[aria-current] {
22
+ font-weight: var(--text-font-weight-heavy);
23
+ }
24
+ }
@@ -0,0 +1,91 @@
1
+ @import 'mixins/components.buttons';
2
+
3
+ .c-button {
4
+ --button-color: #fff;
5
+ --button-background-color: var(--color-default);
6
+
7
+ @include button;
8
+
9
+ &.c-button--close {
10
+ --button-color: inherit;
11
+ --button-background-color: transparent;
12
+
13
+ @include button-color;
14
+
15
+ position: absolute;
16
+ right: var(--spacing-small);
17
+ padding: 0;
18
+ font-weight: var(--text-font-weight-heavy);
19
+ font-size: 1.4em;
20
+ line-height: 1;
21
+ outline: 0;
22
+ }
23
+
24
+ &.c-button--block {
25
+ display: inline-block;
26
+ width: 100%;
27
+ }
28
+
29
+ &.c-button--rounded {
30
+ border-radius: var(--border-radius-rounded);
31
+ }
32
+
33
+ &.c-button--brand {
34
+ --button-background-color: var(--color-brand);
35
+ }
36
+
37
+ &.c-button--info {
38
+ --button-background-color: var(--color-info);
39
+ }
40
+
41
+ &.c-button--warning {
42
+ --button-color: #000;
43
+ --button-background-color: var(--color-warning);
44
+ }
45
+
46
+ &.c-button--success {
47
+ --button-background-color: var(--color-success);
48
+ }
49
+
50
+ &.c-button--error {
51
+ --button-background-color: var(--color-error);
52
+ }
53
+
54
+ &.c-button--ghost {
55
+ --button-color: var(--color-default);
56
+
57
+ @include button-ghost;
58
+
59
+ &.c-button--brand {
60
+ --button-color: var(--color-brand);
61
+ }
62
+
63
+ &.c-button--info {
64
+ --button-color: var(--color-info);
65
+ }
66
+
67
+ &.c-button--warning {
68
+ --button-color: var(--color-warning);
69
+ }
70
+
71
+ &.c-button--success {
72
+ --button-color: var(--color-success);
73
+ }
74
+
75
+ &.c-button--error {
76
+ --button-color: var(--color-error);
77
+ }
78
+ }
79
+
80
+ &.c-button--nude {
81
+ @include button-nude;
82
+ }
83
+ }
84
+
85
+ .c-button__icon-left {
86
+ padding-right: var(--spacing-small);
87
+ }
88
+
89
+ .c-button__icon-right {
90
+ padding-left: var(--spacing-small);
91
+ }
@@ -0,0 +1,80 @@
1
+ @import 'mixins/objects.grid';
2
+ @import 'mixins/components.buttons';
3
+
4
+ .c-calendar {
5
+ @include grid;
6
+ @include grid--wrap;
7
+ @include grid--center;
8
+ @include grid__cell--no-gutter;
9
+ z-index: var(--z-over-control);
10
+ max-width: 400px;
11
+ padding: var(--spacing-medium);
12
+ text-align: center;
13
+ background-color: var(--color-background);
14
+ border: 1px solid transparent;
15
+ border-radius: var(--border-radius);
16
+ }
17
+
18
+ .c-calendar__control,
19
+ .c-calendar__date {
20
+ --button-color: var(--color-quiet);
21
+ --button-background-color: transparent;
22
+
23
+ @include button-color;
24
+ display: inline;
25
+ flex: 0 0 12%;
26
+ max-width: 12%;
27
+ margin: 1.1%;
28
+ padding: 2.5% 0;
29
+ font-size: var(--text-font-size-medium);
30
+ border-radius: var(--border-radius);
31
+ outline: 0;
32
+ user-select: none;
33
+
34
+ &:hover {
35
+ border-color: var(--border-color);
36
+ }
37
+ }
38
+
39
+ .c-calendar__control {
40
+ --button-color: var(--color-default);
41
+ }
42
+
43
+ .c-calendar__header {
44
+ @include grid__cell;
45
+ @include grid__cell--no-gutter;
46
+ @include grid__cell--width(71.5%);
47
+ padding: var(--spacing-small) 0;
48
+ }
49
+
50
+ .c-calendar__day {
51
+ @include grid__cell;
52
+ @include grid__cell--no-gutter;
53
+ flex: 0 0 12%;
54
+ max-width: 12%;
55
+ margin: 1.1%;
56
+ padding: var(--spacing-small) 0;
57
+ font-weight: var(--text-font-weight-heavy);
58
+ }
59
+
60
+ .c-calendar__date--in-month {
61
+ --button-color: #000;
62
+ }
63
+
64
+ .c-calendar__date[aria-current='date'] {
65
+ border-color: var(--border-color);
66
+ }
67
+
68
+ .c-calendar__date--selected[aria-selected='true'],
69
+ .c-calendar__date--selected[aria-selected='true']:hover {
70
+ --button-color: #fff;
71
+
72
+ @include button-color;
73
+
74
+ border-color: transparent;
75
+ }
76
+
77
+ .c-calendar__footer {
78
+ width: 100%;
79
+ padding-top: var(--spacing-large);
80
+ }
@@ -0,0 +1,195 @@
1
+ @import 'mixins/components.buttons';
2
+ @import 'mixins/utilities.states';
3
+ @import 'mixins/utilities.visibility';
4
+
5
+ @mixin card-item {
6
+ margin: 0;
7
+ padding: var(--spacing-small);
8
+ color: var(--card-item-color);
9
+ background-color: var(--card-item-background-color);
10
+
11
+ @include disabled;
12
+ }
13
+
14
+ @mixin card-control {
15
+ @include button;
16
+ @include button-color;
17
+ position: relative;
18
+ display: block;
19
+ width: 100%;
20
+ margin: 0;
21
+ padding: var(--spacing-small);
22
+ text-align: inherit;
23
+ text-decoration: inherit;
24
+ border: 0;
25
+ border-radius: 0;
26
+
27
+ &[aria-expanded='true'] {
28
+ font-weight: var(--text-font-weight-heavy);
29
+ filter: brightness(0.95);
30
+ }
31
+
32
+ &.c-card__control--active {
33
+ filter: brightness(0.95);
34
+ }
35
+ }
36
+
37
+ .c-card {
38
+ display: block;
39
+ width: 100%;
40
+ padding: 0;
41
+ overflow: hidden;
42
+ background-color: var(--color-background);
43
+ border-radius: var(--border-radius);
44
+
45
+ > .o-image:not(:first-child) {
46
+ padding: var(--spacing-medium) 0 0;
47
+ }
48
+ }
49
+
50
+ .c-card + .c-card {
51
+ margin: var(--spacing-small) 0 0 0;
52
+ }
53
+
54
+ .c-card__header {
55
+ padding: var(--spacing-medium) var(--spacing-medium) 0;
56
+
57
+ .c-heading {
58
+ padding: 0;
59
+ }
60
+ }
61
+
62
+ .c-card__body {
63
+ padding: var(--spacing-medium);
64
+ }
65
+
66
+ .c-card__footer {
67
+ padding: var(--spacing-medium);
68
+ }
69
+
70
+ .c-card__footer--block {
71
+ padding: var(--spacing-small) 0 0;
72
+
73
+ .c-input-group .c-button {
74
+ border-bottom: 0;
75
+ }
76
+
77
+ .c-input-group .c-button:first-child {
78
+ border-left: 0;
79
+ border-top-left-radius: 0;
80
+ border-bottom-left-radius: 0;
81
+ }
82
+
83
+ .c-input-group .c-button:last-child {
84
+ border-right: 0;
85
+ border-top-right-radius: 0;
86
+ border-bottom-right-radius: 0;
87
+ }
88
+ }
89
+
90
+ .c-card__item {
91
+ --card-item-color: var(--color-text);
92
+ --card-item-background-color: transparent;
93
+
94
+ @include card-item;
95
+
96
+ &--divider[role='separator'] {
97
+ --card-item-color: #000;
98
+ --card-item-background-color: var(--color-dark);
99
+ font-weight: var(--text-font-weight-heavy);
100
+ }
101
+
102
+ &--brand {
103
+ --card-item-color: #fff;
104
+ --card-item-background-color: var(--color-brand);
105
+ }
106
+
107
+ &--info {
108
+ --card-item-color: #fff;
109
+ --card-item-background-color: var(--color-info);
110
+ }
111
+
112
+ &--warning {
113
+ --card-item-color: #000;
114
+ --card-item-background-color: var(--color-warning);
115
+ }
116
+
117
+ &--success {
118
+ --card-item-color: #fff;
119
+ --card-item-background-color: var(--color-success);
120
+ }
121
+
122
+ &--error {
123
+ --card-item-color: #fff;
124
+ --card-item-background-color: var(--color-error);
125
+ }
126
+ }
127
+
128
+ .c-card__item + .c-card__footer--block {
129
+ padding: 0;
130
+ }
131
+
132
+ .c-card--grouped {
133
+ .c-card__item {
134
+ &:not(:last-child) {
135
+ border-bottom: 0;
136
+ }
137
+ }
138
+ }
139
+
140
+ .c-card__divider[role='separator'] {
141
+ height: var(--border-width);
142
+ overflow: hidden;
143
+ background-color: var(--border-color);
144
+ }
145
+
146
+ .c-card__control {
147
+ --button-color: var(--color-text);
148
+ --button-background-color: var(--color-dark);
149
+ @include card-control;
150
+ }
151
+
152
+ .c-card--menu[role='menu'] {
153
+ position: absolute;
154
+ width: 100%;
155
+ max-height: 300px;
156
+ margin-top: 0.5em;
157
+ overflow-x: hidden;
158
+ overflow-y: auto;
159
+ text-overflow: ellipsis;
160
+ border: 1px solid var(--color-dark);
161
+ border-radius: 0 0 var(--border-radius) var(--border-radius);
162
+
163
+ .c-card__control[role='menuitem'] {
164
+ --button-background-color: var(--color-light);
165
+ }
166
+ }
167
+
168
+ .c-card--accordion {
169
+ .c-card__control[aria-expanded] {
170
+ &::after {
171
+ position: absolute;
172
+ top: 0.5em;
173
+ right: 0.5em;
174
+ width: 1em;
175
+ height: 1em;
176
+ background-image: url('data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==');
177
+ background-repeat: no-repeat;
178
+ background-position: center;
179
+ content: '';
180
+ }
181
+
182
+ &[aria-expanded='true']::after {
183
+ transform: rotate(180deg);
184
+ }
185
+ }
186
+ }
187
+
188
+ .c-card__item--pane {
189
+ margin: 0;
190
+ padding: var(--spacing-small);
191
+ }
192
+
193
+ .c-card__control[aria-expanded='false'] + .c-card__item--pane {
194
+ @include visually-hidden;
195
+ }
@@ -0,0 +1,39 @@
1
+ @import 'mixins/objects.grid';
2
+
3
+ .c-divider {
4
+ @include grid;
5
+ @include grid--center;
6
+ height: 2em;
7
+ font-weight: var(--text-font-weight-heavy);
8
+ border: 0;
9
+
10
+ &::before,
11
+ &::after {
12
+ @include grid__cell;
13
+ @include grid__cell--auto;
14
+ border-top: 1px solid var(--color-default);
15
+ content: '';
16
+ }
17
+
18
+ &.c-divider--dashed {
19
+ &::before,
20
+ &::after {
21
+ margin-right: 1px;
22
+ border-top-style: dashed;
23
+ }
24
+ }
25
+
26
+ &.c-divider--dotted {
27
+ &::before,
28
+ &::after {
29
+ margin-right: 1px;
30
+ border-top-style: dotted;
31
+ }
32
+ }
33
+ }
34
+
35
+ .c-divider__content {
36
+ padding-right: var(--grid-gutter);
37
+ padding-left: var(--grid-gutter);
38
+ text-align: center;
39
+ }
@@ -0,0 +1,24 @@
1
+ .c-file-upload {
2
+ position: relative;
3
+ display: inline-block;
4
+ overflow: hidden;
5
+
6
+ &--drop {
7
+ display: block;
8
+ padding: var(--spacing-medium);
9
+ line-height: 10;
10
+ text-align: center;
11
+ background-color: var(--color-background);
12
+ border: 3px dashed var(--color-dark);
13
+ border-radius: var(--border-radius);
14
+ }
15
+
16
+ input[type='file'] {
17
+ position: absolute;
18
+ top: 0;
19
+ left: 0;
20
+ width: 100%;
21
+ height: 100%;
22
+ opacity: 0;
23
+ }
24
+ }