activeadmin_blaze_theme 0.6.2 → 0.7.8

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