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,48 @@
1
+ @import 'mixins/components.buttons';
2
+
3
+ .c-tree[role='tree'] {
4
+ display: block;
5
+ margin: 0;
6
+ padding: 0;
7
+
8
+ .c-tree[role='tree'] {
9
+ padding: 0 0 0 var(--spacing-medium);
10
+ }
11
+ }
12
+
13
+ .c-tree__item[role='treeitem'] {
14
+ @include button-nude;
15
+ display: block;
16
+ margin: var(--spacing-small);
17
+ padding: 0;
18
+ white-space: nowrap;
19
+
20
+ &::before {
21
+ display: inline-block;
22
+ padding: 0 var(--spacing-small) 0 0;
23
+ color: var(--color-default);
24
+ transform-origin: 30% 50%;
25
+ content: '–';
26
+ }
27
+
28
+ + .c-tree[role='tree'] {
29
+ display: none;
30
+ }
31
+ }
32
+
33
+ .c-tree__item[aria-expanded] {
34
+ &::before {
35
+ content: '\276F';
36
+ }
37
+ }
38
+
39
+ .c-tree__item[aria-expanded='true'] {
40
+ &::before {
41
+ transform: rotate(90deg);
42
+ content: '\276F';
43
+ }
44
+
45
+ + .c-tree[role='tree'] {
46
+ display: block;
47
+ }
48
+ }
@@ -0,0 +1,17 @@
1
+ html,
2
+ :root,
3
+ :host {
4
+ box-sizing: border-box;
5
+ line-height: 1.15;
6
+ -webkit-text-size-adjust: 100%;
7
+ }
8
+
9
+ *,
10
+ *::before,
11
+ *::after {
12
+ box-sizing: inherit;
13
+ }
14
+
15
+ body {
16
+ margin: 0;
17
+ }
@@ -0,0 +1,37 @@
1
+ @import 'mixins/tools.mediaqueries';
2
+
3
+ @mixin responsive-container($screen-width) {
4
+ @each $size, $width in $screen-limits {
5
+ &--#{$size}\@#{$screen-width} {
6
+ max-width: $width;
7
+ }
8
+ }
9
+ }
10
+
11
+ .o-container {
12
+ @include screen-and-up(xsmall) {
13
+ @include responsive-container(xsmall);
14
+ }
15
+ @include screen-and-up(small) {
16
+ @include responsive-container(small);
17
+ }
18
+ @include screen-and-up(medium) {
19
+ @include responsive-container(medium);
20
+ }
21
+ @include screen-and-up(large) {
22
+ @include responsive-container(large);
23
+ }
24
+ @include screen-and-up(xlarge) {
25
+ @include responsive-container(xlarge);
26
+ }
27
+ @include screen-and-up(super) {
28
+ @include responsive-container(super);
29
+ }
30
+
31
+ margin: auto;
32
+ @each $size, $width in $screen-limits {
33
+ &--#{$size} {
34
+ max-width: $width;
35
+ }
36
+ }
37
+ }
@@ -0,0 +1,91 @@
1
+ @import 'mixins/objects.grid';
2
+
3
+ aside.o-drawer {
4
+ position: fixed;
5
+ z-index: var(--z-over-everything);
6
+ overflow-x: hidden;
7
+ overflow-y: auto;
8
+ color: inherit;
9
+ background-color: var(--color-background);
10
+ visibility: hidden;
11
+ -webkit-overflow-scrolling: touch;
12
+
13
+ .c-card {
14
+ background-color: transparent;
15
+ box-shadow: none;
16
+ }
17
+
18
+ &:not(.o-drawer--visible) {
19
+ &.u-high,
20
+ &.u-higher,
21
+ &.u-highest {
22
+ box-shadow: none;
23
+ }
24
+ }
25
+
26
+ &.o-drawer--bottom,
27
+ &.o-drawer--top {
28
+ left: 0;
29
+ width: 80%;
30
+ height: auto;
31
+ margin-left: 10%;
32
+ transform: translate(0, 0);
33
+ }
34
+
35
+ &.o-drawer--bottom {
36
+ top: 100%;
37
+ border-radius: var(--border-radius) var(--border-radius) 0 0;
38
+ }
39
+
40
+ &.o-drawer--bottom.o-drawer--visible {
41
+ transform: translateY(-99%);
42
+ }
43
+
44
+ &.o-drawer--top {
45
+ bottom: 100%;
46
+ border-radius: 0 0 var(--border-radius) var(--border-radius);
47
+ }
48
+
49
+ &.o-drawer--top.o-drawer--visible {
50
+ transform: translateY(99%);
51
+ }
52
+
53
+ &.o-drawer--left,
54
+ &.o-drawer--right {
55
+ top: 0;
56
+ width: 260px;
57
+ height: 100%;
58
+
59
+ .c-card__footer--block {
60
+ position: absolute;
61
+ bottom: 0;
62
+ width: 100%;
63
+
64
+ .c-button {
65
+ border-radius: 0;
66
+ }
67
+ }
68
+ }
69
+
70
+ &.o-drawer--left {
71
+ left: 0;
72
+ transform: translateX(-100%);
73
+ }
74
+
75
+ &.o-drawer--left.o-drawer--visible {
76
+ transform: translateX(-1%);
77
+ }
78
+
79
+ &.o-drawer--right {
80
+ left: 100%;
81
+ transform: translate(0, 0);
82
+ }
83
+
84
+ &.o-drawer--right.o-drawer--visible {
85
+ transform: translateX(-99%);
86
+ }
87
+
88
+ &.o-drawer--visible {
89
+ visibility: visible;
90
+ }
91
+ }
@@ -0,0 +1,25 @@
1
+ @import 'mixins/objects.grid';
2
+ @import 'mixins/components.inputs';
3
+
4
+ .o-fieldset,
5
+ .o-fieldset.c-list {
6
+ display: block;
7
+ width: 100%;
8
+ margin: var(--spacing-small) 0;
9
+ padding: 0;
10
+ border: 0;
11
+ }
12
+
13
+ .o-fieldset__legend {
14
+ @include label;
15
+ padding: var(--spacing-xsmall) 0;
16
+ }
17
+
18
+ .o-form-element {
19
+ position: relative;
20
+ padding: var(--spacing-medium) 0;
21
+
22
+ .c-label:first-child {
23
+ padding: 0 0 var(--spacing-small) 0;
24
+ }
25
+ }
@@ -1,9 +1,9 @@
1
- @import "mixins/tools.mediaqueries";
2
- @import "mixins/objects.grid";
1
+ @import 'mixins/tools.mediaqueries';
2
+ @import 'mixins/objects.grid';
3
3
 
4
4
  .o-grid {
5
5
  @include screen--xsmall-only {
6
- &.o-grid--xsmall-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
6
+ &.o-grid--xsmall-fit > .o-grid__cell:not([class*='o-grid__cell--width']) {
7
7
  @include grid__cell--fit;
8
8
  }
9
9
 
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  @include screen--small-only {
20
- &.o-grid--small-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
20
+ &.o-grid--small-fit > .o-grid__cell:not([class*='o-grid__cell--width']) {
21
21
  @include grid__cell--fit;
22
22
  }
23
23
 
@@ -31,7 +31,7 @@
31
31
  }
32
32
 
33
33
  @include screen--medium-only {
34
- &.o-grid--medium-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
34
+ &.o-grid--medium-fit > .o-grid__cell:not([class*='o-grid__cell--width']) {
35
35
  @include grid__cell--fit;
36
36
  }
37
37
 
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  @include screen--large-only {
48
- &.o-grid--large-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
48
+ &.o-grid--large-fit > .o-grid__cell:not([class*='o-grid__cell--width']) {
49
49
  @include grid__cell--fit;
50
50
  }
51
51
 
@@ -59,7 +59,7 @@
59
59
  }
60
60
 
61
61
  @include screen--xlarge-only {
62
- &.o-grid--xlarge-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
62
+ &.o-grid--xlarge-fit > .o-grid__cell:not([class*='o-grid__cell--width']) {
63
63
  @include grid__cell--fit;
64
64
  }
65
65
 
@@ -73,7 +73,7 @@
73
73
  }
74
74
 
75
75
  @include screen--super-only {
76
- &.o-grid--super-fit > .o-grid__cell:not([class*="o-grid__cell--width"]) {
76
+ &.o-grid--super-fit > .o-grid__cell:not([class*='o-grid__cell--width']) {
77
77
  @include grid__cell--fit;
78
78
  }
79
79
 
@@ -86,37 +86,37 @@
86
86
  }
87
87
  }
88
88
 
89
- @include screen--xsmall-and-up {
89
+ @include screen-and-up(xsmall) {
90
90
  &__cell {
91
91
  @include grid__responsive-cells(xsmall);
92
92
  }
93
93
  }
94
94
 
95
- @include screen--small-and-up {
95
+ @include screen-and-up(small) {
96
96
  &__cell {
97
97
  @include grid__responsive-cells(small);
98
98
  }
99
99
  }
100
100
 
101
- @include screen--medium-and-up {
101
+ @include screen-and-up(medium) {
102
102
  &__cell {
103
103
  @include grid__responsive-cells(medium);
104
104
  }
105
105
  }
106
106
 
107
- @include screen--large-and-up {
107
+ @include screen-and-up(large) {
108
108
  &__cell {
109
109
  @include grid__responsive-cells(large);
110
110
  }
111
111
  }
112
112
 
113
- @include screen--xlarge-and-up {
113
+ @include screen-and-up(xlarge) {
114
114
  &__cell {
115
115
  @include grid__responsive-cells(xlarge);
116
116
  }
117
117
  }
118
118
 
119
- @include screen--super-and-up {
119
+ @include screen-and-up(super) {
120
120
  &__cell {
121
121
  @include grid__responsive-cells(super);
122
122
  }
@@ -1,5 +1,5 @@
1
- @import "mixins/tools.mediaqueries";
2
- @import "mixins/objects.grid";
1
+ @import 'mixins/tools.mediaqueries';
2
+ @import 'mixins/objects.grid';
3
3
 
4
4
  .o-grid {
5
5
  @include grid;
@@ -1,5 +1,5 @@
1
1
  .o-image {
2
2
  display: block;
3
- max-width: 100%;
3
+ width: 100%;
4
4
  height: auto;
5
5
  }
@@ -1,4 +1,4 @@
1
- @import "mixins/objects.grid";
1
+ @import 'mixins/objects.grid';
2
2
 
3
3
  .o-media {
4
4
  @include grid;
@@ -28,9 +28,9 @@
28
28
 
29
29
  .o-media__image {
30
30
  @include grid__cell--width-fixed;
31
- width: $media-image-width;
31
+ width: 3em;
32
32
  }
33
33
 
34
34
  .o-media__body {
35
- margin-left: $media-body-margin-left;
35
+ margin-left: var(--spacing-small);
36
36
  }
@@ -0,0 +1,70 @@
1
+ .o-modal[role='dialog'] {
2
+ position: fixed;
3
+ top: 50%;
4
+ left: 50%;
5
+ z-index: var(--z-over-everything);
6
+ display: block;
7
+ width: 75%;
8
+ overflow: hidden;
9
+ background-color: var(--color-background);
10
+ border: 0;
11
+ border-radius: var(--border-radius);
12
+ transform: translate(-50%, -50%);
13
+ visibility: hidden;
14
+ opacity: 0;
15
+
16
+ > .c-card {
17
+ background-color: transparent;
18
+ box-shadow: none;
19
+
20
+ .c-card__body {
21
+ position: relative;
22
+ }
23
+ }
24
+
25
+ &.o-modal--ghost {
26
+ color: #fff;
27
+ background-color: var(--color-transparent);
28
+
29
+ .c-heading {
30
+ color: #fff;
31
+ }
32
+ }
33
+
34
+ &.o-modal--full {
35
+ top: 1em;
36
+ left: 1em;
37
+ width: calc(100% - 2em);
38
+ height: calc(100% - 2em);
39
+ transform: none;
40
+
41
+ .c-card:first-child {
42
+ box-shadow: none;
43
+ }
44
+
45
+ .c-card__body {
46
+ position: absolute;
47
+ top: 3.5em;
48
+ bottom: 4em;
49
+ width: 100%;
50
+ overflow-x: hidden;
51
+ overflow-y: auto;
52
+ -webkit-overflow-scrolling: touch;
53
+ }
54
+
55
+ .c-card__footer {
56
+ position: absolute;
57
+ bottom: 0;
58
+ width: 100%;
59
+ }
60
+ }
61
+
62
+ &.o-modal--visible {
63
+ visibility: visible;
64
+ opacity: 1;
65
+ }
66
+ }
67
+
68
+ .c-button--close {
69
+ top: var(--spacing-small);
70
+ }
@@ -1,5 +1,3 @@
1
- @import "mixins/settings.global";
2
-
3
1
  .o-panel-container {
4
2
  position: relative;
5
3
  }
@@ -14,14 +12,6 @@
14
12
  -webkit-overflow-scrolling: touch;
15
13
  }
16
14
 
17
- .o-panel--nav-top {
18
- top: $panel-nav-top;
19
- }
20
-
21
- .o-panel--nav-bottom {
22
- bottom: $panel-nav-bottom;
23
- }
24
-
25
15
  .c-card__body .o-panel {
26
- padding: $card-item-padding;
16
+ padding: var(--spacing-small);
27
17
  }