activeadmin_blaze_theme 0.7.0 → 0.7.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +37 -7
  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 +1 -1
  69. data/lib/activeadmin/views/activeadmin_form.rb +1 -1
  70. data/lib/activeadmin_blaze_theme/version.rb +1 -1
  71. data/lib/activeadmin_blaze_theme.rb +3 -3
  72. data/package.json +2 -2
  73. metadata +64 -381
  74. data/.github/workflows/specs.yml +0 -26
  75. data/.gitignore +0 -13
  76. data/.rspec +0 -2
  77. data/.rubocop.yml +0 -27
  78. data/Gemfile +0 -5
  79. data/Rakefile +0 -16
  80. data/activeadmin_blaze_theme.gemspec +0 -35
  81. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.addresses.scss +0 -11
  82. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss +0 -78
  83. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.avatars.scss +0 -38
  84. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.back-to-top.scss +0 -17
  85. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.badges.scss +0 -71
  86. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.breadcrumbs.scss +0 -24
  87. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.buttons.scss +0 -91
  88. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.calendars.scss +0 -80
  89. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.cards.scss +0 -195
  90. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.divider.scss +0 -39
  91. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.file-upload.scss +0 -24
  92. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.github-buttons.scss +0 -131
  93. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.headings.scss +0 -12
  94. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.hints.scss +0 -21
  95. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.input-groups.scss +0 -164
  96. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.inputs.scss +0 -128
  97. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.links.scss +0 -72
  98. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.lists.scss +0 -64
  99. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.navs.scss +0 -83
  100. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.overlays.scss +0 -23
  101. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.pagination.scss +0 -31
  102. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.progress.scss +0 -83
  103. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.ranges.scss +0 -176
  104. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tables.scss +0 -86
  105. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tabs.scss +0 -68
  106. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tags.scss +0 -39
  107. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.timelines.scss +0 -113
  108. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.toggles.scss +0 -89
  109. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.trees.scss +0 -48
  110. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_generics.global.scss +0 -17
  111. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.containers.scss +0 -37
  112. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.drawers.scss +0 -91
  113. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.forms.scss +0 -25
  114. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.modals.scss +0 -70
  115. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.boxing.scss +0 -111
  116. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.elevation.scss +0 -17
  117. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.radius.scss +0 -11
  118. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.sizes.scss +0 -23
  119. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.typography.scss +0 -160
  120. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.visibility.scss +0 -54
  121. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_variables.scss +0 -93
  122. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.states.scss +0 -7
  123. data/bin/rails +0 -29
  124. data/bin/rake +0 -29
  125. data/bin/rspec +0 -29
  126. data/bin/rubocop +0 -29
  127. data/extra/edit.png +0 -0
  128. data/extra/index.png +0 -0
  129. data/spec/dummy/.ruby-version +0 -1
  130. data/spec/dummy/.tool-versions +0 -1
  131. data/spec/dummy/Rakefile +0 -6
  132. data/spec/dummy/app/admin/authors.rb +0 -57
  133. data/spec/dummy/app/admin/dashboard.rb +0 -32
  134. data/spec/dummy/app/admin/posts.rb +0 -50
  135. data/spec/dummy/app/admin/tags.rb +0 -4
  136. data/spec/dummy/app/assets/config/manifest.js +0 -3
  137. data/spec/dummy/app/assets/images/.keep +0 -0
  138. data/spec/dummy/app/assets/javascripts/active_admin.js +0 -1
  139. data/spec/dummy/app/assets/stylesheets/active_admin.scss +0 -4
  140. data/spec/dummy/app/assets/stylesheets/application.css +0 -15
  141. data/spec/dummy/app/channels/application_cable/channel.rb +0 -4
  142. data/spec/dummy/app/channels/application_cable/connection.rb +0 -4
  143. data/spec/dummy/app/controllers/application_controller.rb +0 -2
  144. data/spec/dummy/app/controllers/concerns/.keep +0 -0
  145. data/spec/dummy/app/helpers/application_helper.rb +0 -2
  146. data/spec/dummy/app/javascript/packs/application.js +0 -15
  147. data/spec/dummy/app/jobs/application_job.rb +0 -7
  148. data/spec/dummy/app/mailers/application_mailer.rb +0 -4
  149. data/spec/dummy/app/models/application_record.rb +0 -7
  150. data/spec/dummy/app/models/author.rb +0 -26
  151. data/spec/dummy/app/models/concerns/.keep +0 -0
  152. data/spec/dummy/app/models/post.rb +0 -25
  153. data/spec/dummy/app/models/post_tag.rb +0 -9
  154. data/spec/dummy/app/models/profile.rb +0 -9
  155. data/spec/dummy/app/models/tag.rb +0 -6
  156. data/spec/dummy/app/views/layouts/application.html.erb +0 -14
  157. data/spec/dummy/app/views/layouts/mailer.html.erb +0 -13
  158. data/spec/dummy/app/views/layouts/mailer.text.erb +0 -1
  159. data/spec/dummy/bin/rails +0 -4
  160. data/spec/dummy/bin/rake +0 -4
  161. data/spec/dummy/bin/setup +0 -33
  162. data/spec/dummy/config/application.rb +0 -18
  163. data/spec/dummy/config/boot.rb +0 -5
  164. data/spec/dummy/config/cable.yml +0 -10
  165. data/spec/dummy/config/database.yml +0 -8
  166. data/spec/dummy/config/environment.rb +0 -5
  167. data/spec/dummy/config/environments/development.rb +0 -62
  168. data/spec/dummy/config/environments/production.rb +0 -112
  169. data/spec/dummy/config/environments/test.rb +0 -49
  170. data/spec/dummy/config/initializers/active_admin.rb +0 -335
  171. data/spec/dummy/config/initializers/application_controller_renderer.rb +0 -8
  172. data/spec/dummy/config/initializers/assets.rb +0 -12
  173. data/spec/dummy/config/initializers/backtrace_silencers.rb +0 -7
  174. data/spec/dummy/config/initializers/content_security_policy.rb +0 -28
  175. data/spec/dummy/config/initializers/cookies_serializer.rb +0 -5
  176. data/spec/dummy/config/initializers/filter_parameter_logging.rb +0 -4
  177. data/spec/dummy/config/initializers/inflections.rb +0 -16
  178. data/spec/dummy/config/initializers/mime_types.rb +0 -4
  179. data/spec/dummy/config/initializers/wrap_parameters.rb +0 -14
  180. data/spec/dummy/config/locales/en.yml +0 -33
  181. data/spec/dummy/config/puma.rb +0 -38
  182. data/spec/dummy/config/routes.rb +0 -3
  183. data/spec/dummy/config/spring.rb +0 -6
  184. data/spec/dummy/config/storage.yml +0 -7
  185. data/spec/dummy/config.ru +0 -5
  186. data/spec/dummy/db/migrate/20170806125915_create_active_storage_tables.active_storage.rb +0 -27
  187. data/spec/dummy/db/migrate/20180101010101_create_active_admin_comments.rb +0 -16
  188. data/spec/dummy/db/migrate/20180607053251_create_authors.rb +0 -13
  189. data/spec/dummy/db/migrate/20180607053254_create_profiles.rb +0 -12
  190. data/spec/dummy/db/migrate/20180607053255_create_tags.rb +0 -11
  191. data/spec/dummy/db/migrate/20180607053257_create_post_tags.rb +0 -12
  192. data/spec/dummy/db/migrate/20180607053739_create_posts.rb +0 -17
  193. data/spec/dummy/db/schema.rb +0 -99
  194. data/spec/dummy/lib/assets/.keep +0 -0
  195. data/spec/dummy/public/404.html +0 -67
  196. data/spec/dummy/public/422.html +0 -67
  197. data/spec/dummy/public/500.html +0 -66
  198. data/spec/dummy/public/apple-touch-icon-precomposed.png +0 -0
  199. data/spec/dummy/public/apple-touch-icon.png +0 -0
  200. data/spec/dummy/public/favicon.ico +0 -0
  201. data/spec/rails_helper.rb +0 -36
  202. data/spec/spec_helper.rb +0 -20
  203. data/spec/support/capybara.rb +0 -3
  204. data/spec/support/drivers.rb +0 -7
  205. data/spec/system/theme_spec.rb +0 -15
@@ -1,39 +0,0 @@
1
- .c-tags {
2
- position: relative;
3
- width: 100%;
4
- text-align: left;
5
- }
6
-
7
- .c-tags .c-card--menu {
8
- position: absolute;
9
- width: 100%;
10
- }
11
-
12
- .c-tags__container {
13
- display: inline-block;
14
- max-width: 70%;
15
- padding-right: var(--spacing-xsmall);
16
- }
17
-
18
- .c-tag {
19
- position: relative;
20
- display: inline-block;
21
- max-width: 70%;
22
- margin: var(--spacing-tiny);
23
- padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);
24
- }
25
-
26
- .c-tag__close {
27
- position: absolute;
28
- top: 7px;
29
- right: 5px;
30
- color: #fff;
31
- font-weight: var(--text-font-weight-heavy);
32
- }
33
-
34
- .c-tags__field-container {
35
- position: absolute;
36
- display: inline-block;
37
- width: 30%;
38
- margin: var(--spacing-tiny);
39
- }
@@ -1,113 +0,0 @@
1
- .o-timeline {
2
- margin: 0.55em 0 0;
3
- padding: 0;
4
-
5
- .c-timeline-item {
6
- --timeline-item-color: var(--color-default);
7
-
8
- position: relative;
9
- padding: 0 0 1.5em;
10
- list-style: none;
11
-
12
- &::before {
13
- position: absolute;
14
- top: 0;
15
- left: 0.25em;
16
- height: 100%;
17
- margin-left: -1px;
18
- border-left: 1px solid var(--color-default);
19
- content: '';
20
- }
21
-
22
- &--last::before,
23
- &--loading::before {
24
- border-left-style: none;
25
- content: '';
26
- }
27
-
28
- &::after {
29
- position: absolute;
30
- top: 0;
31
- width: 0.5em;
32
- height: 0.5em;
33
- background-color: var(--timeline-item-color);
34
- border-radius: 100%;
35
- box-shadow: 0 0 0 4px #fff;
36
- content: '';
37
- }
38
-
39
- &__body {
40
- position: relative;
41
- top: -0.55em;
42
- margin: 0 0 0 1em;
43
- }
44
-
45
- &.c-timeline-item--brand::after {
46
- --timeline-item-color: var(--color-brand);
47
- content: '';
48
- }
49
-
50
- &.c-timeline-item--info::after {
51
- --timeline-item-color: var(--color-info);
52
- content: '';
53
- }
54
-
55
- &.c-timeline-item--warning::after {
56
- --timeline-item-color: var(--color-warning);
57
- content: '';
58
- }
59
-
60
- &.c-timeline-item--success::after {
61
- --timeline-item-color: var(--color-success);
62
- content: '';
63
- }
64
-
65
- &.c-timeline-item--error::after {
66
- --timeline-item-color: var(--color-error);
67
- content: '';
68
- }
69
- }
70
-
71
- &.o-timeline--alternate {
72
- .c-timeline-item {
73
- &::before,
74
- &::after {
75
- left: 50%;
76
- content: '';
77
- }
78
-
79
- &::after {
80
- margin: 0 0 0 -0.25em;
81
- }
82
-
83
- &__body {
84
- left: 50%;
85
- width: 50%;
86
- }
87
-
88
- &--left .c-timeline-item__body {
89
- left: 0;
90
- margin: 0 0 0 -1em;
91
- text-align: right;
92
- }
93
- }
94
- }
95
-
96
- &.o-timeline--loading {
97
- .c-timeline-item--last::before {
98
- border-left-style: dashed;
99
- content: '';
100
- }
101
-
102
- .c-timeline-item--loading::after {
103
- background-color: transparent;
104
- border: 2px solid var(--color-default);
105
- }
106
-
107
- .c-timeline-item--loading {
108
- .c-timeline-item__body {
109
- color: var(--color-text);
110
- }
111
- }
112
- }
113
- }
@@ -1,89 +0,0 @@
1
- @import 'mixins/objects.grid';
2
-
3
- .c-toggle {
4
- @include grid;
5
- @include grid--center;
6
-
7
- width: auto;
8
- user-select: none;
9
-
10
- input:not(:checked) + .c-toggle__track {
11
- background-color: var(--color-dark);
12
-
13
- .c-toggle__handle {
14
- transform: translateZ(0);
15
- }
16
- }
17
-
18
- input:disabled + .c-toggle__track {
19
- cursor: not-allowed;
20
- opacity: var(--disabled-opacity);
21
-
22
- .c-toggle__handle {
23
- cursor: not-allowed;
24
- opacity: var(--disabled-opacity);
25
- }
26
- }
27
-
28
- input:active + .c-toggle__track,
29
- input:focus + .c-toggle__track {
30
- border-color: var(--border-color-focus);
31
- box-shadow: var(--box-shadow-focus);
32
-
33
- .c-toggle__handle {
34
- border-color: var(--border-color-focus);
35
- box-shadow: var(--box-shadow-focus), 0 1px 3px 1px var(--color-default);
36
- }
37
- }
38
- }
39
-
40
- .c-toggle--brand .c-toggle__track {
41
- --toggle-track-color: var(--color-brand);
42
- }
43
-
44
- .c-toggle--info .c-toggle__track {
45
- --toggle-track-color: var(--color-info);
46
- }
47
-
48
- .c-toggle--warning .c-toggle__track {
49
- --toggle-track-color: var(--color-warning);
50
- }
51
-
52
- .c-toggle--success .c-toggle__track {
53
- --toggle-track-color: var(--color-success);
54
- }
55
-
56
- .c-toggle--error .c-toggle__track {
57
- --toggle-track-color: var(--color-error);
58
- }
59
-
60
- .c-toggle input {
61
- position: absolute;
62
- opacity: 0;
63
- }
64
-
65
- .c-toggle__track {
66
- --toggle-track-color: var(--color-default);
67
-
68
- @include grid__cell;
69
- @include grid__cell--width-fixed;
70
-
71
- position: relative;
72
- width: 1em;
73
- height: 0.5em;
74
- margin: 0 0.5em;
75
- background-color: var(--toggle-track-color);
76
- border-radius: var(--border-radius-rounded);
77
- }
78
-
79
- .c-toggle__handle {
80
- position: absolute;
81
- top: -0.25em;
82
- left: 0;
83
- width: 1em;
84
- height: 1em;
85
- background-color: #fff;
86
- border-radius: var(--border-radius-rounded);
87
- box-shadow: 0 1px 3px 1px var(--color-default);
88
- transform: translateX(100%);
89
- }
@@ -1,48 +0,0 @@
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
- }
@@ -1,17 +0,0 @@
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
- }
@@ -1,37 +0,0 @@
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
- }
@@ -1,91 +0,0 @@
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
- }
@@ -1,25 +0,0 @@
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,70 +0,0 @@
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,111 +0,0 @@
1
- .u-letter-box-super {
2
- padding-top: var(--spacing-super) !important;
3
- padding-bottom: var(--spacing-super) !important;
4
- }
5
-
6
- .u-letter-box-xlarge {
7
- padding-top: var(--spacing-xlarge) !important;
8
- padding-bottom: var(--spacing-xlarge) !important;
9
- }
10
-
11
- .u-letter-box-large {
12
- padding-top: var(--spacing-large) !important;
13
- padding-bottom: var(--spacing-large) !important;
14
- }
15
-
16
- .u-letter-box-medium {
17
- padding-top: var(--spacing-medium) !important;
18
- padding-bottom: var(--spacing-medium) !important;
19
- }
20
-
21
- .u-letter-box-small {
22
- padding-top: var(--spacing-small) !important;
23
- padding-bottom: var(--spacing-small) !important;
24
- }
25
-
26
- .u-letter-box-xsmall {
27
- padding-top: var(--spacing-xsmall) !important;
28
- padding-bottom: var(--spacing-xsmall) !important;
29
- }
30
-
31
- .u-letter-box-tiny {
32
- padding-top: var(--spacing-tiny) !important;
33
- padding-bottom: var(--spacing-tiny) !important;
34
- }
35
-
36
- .u-letter-box-none {
37
- padding-top: 0 !important;
38
- padding-bottom: 0 !important;
39
- }
40
-
41
- .u-pillar-box-super {
42
- padding-right: var(--spacing-super) !important;
43
- padding-left: var(--spacing-super) !important;
44
- }
45
-
46
- .u-pillar-box-xlarge {
47
- padding-right: var(--spacing-xlarge) !important;
48
- padding-left: var(--spacing-xlarge) !important;
49
- }
50
-
51
- .u-pillar-box-large {
52
- padding-right: var(--spacing-large) !important;
53
- padding-left: var(--spacing-large) !important;
54
- }
55
-
56
- .u-pillar-box-medium {
57
- padding-right: var(--spacing-medium) !important;
58
- padding-left: var(--spacing-medium) !important;
59
- }
60
-
61
- .u-pillar-box-small {
62
- padding-right: var(--spacing-small) !important;
63
- padding-left: var(--spacing-small) !important;
64
- }
65
-
66
- .u-pillar-box-xsmall {
67
- padding-right: var(--spacing-xsmall) !important;
68
- padding-left: var(--spacing-xsmall) !important;
69
- }
70
-
71
- .u-pillar-box-tiny {
72
- padding-right: var(--spacing-tiny) !important;
73
- padding-left: var(--spacing-tiny) !important;
74
- }
75
-
76
- .u-pillar-box-none {
77
- padding-right: 0 !important;
78
- padding-left: 0 !important;
79
- }
80
-
81
- .u-window-box-super {
82
- padding: var(--spacing-super) !important;
83
- }
84
-
85
- .u-window-box-xlarge {
86
- padding: var(--spacing-xlarge) !important;
87
- }
88
-
89
- .u-window-box-large {
90
- padding: var(--spacing-large) !important;
91
- }
92
-
93
- .u-window-box-medium {
94
- padding: var(--spacing-medium) !important;
95
- }
96
-
97
- .u-window-box-small {
98
- padding: var(--spacing-small) !important;
99
- }
100
-
101
- .u-window-box-xsmall {
102
- padding: var(--spacing-xsmall) !important;
103
- }
104
-
105
- .u-window-box-tiny {
106
- padding: var(--spacing-tiny) !important;
107
- }
108
-
109
- .u-window-box-none {
110
- padding: 0 !important;
111
- }
@@ -1,17 +0,0 @@
1
- .u-high,
2
- .u-higher,
3
- .u-highest {
4
- border: 0;
5
- }
6
-
7
- .u-high {
8
- box-shadow: var(--box-shadow-high);
9
- }
10
-
11
- .u-higher {
12
- box-shadow: var(--box-shadow-higher);
13
- }
14
-
15
- .u-highest {
16
- box-shadow: var(--box-shadow-highest);
17
- }
@@ -1,11 +0,0 @@
1
- .u-round-corners {
2
- border-radius: var(--border-radius);
3
- }
4
-
5
- .u-rounded {
6
- border-radius: var(--border-radius-rounded);
7
- }
8
-
9
- .u-round {
10
- border-radius: 100%;
11
- }
@@ -1,23 +0,0 @@
1
- .u-super {
2
- font-size: var(--text-font-size-super);
3
- }
4
-
5
- .u-xlarge {
6
- font-size: var(--text-font-size-xlarge);
7
- }
8
-
9
- .u-large {
10
- font-size: var(--text-font-size-large);
11
- }
12
-
13
- .u-medium {
14
- font-size: var(--text-font-size-medium);
15
- }
16
-
17
- .u-small {
18
- font-size: var(--text-font-size-small);
19
- }
20
-
21
- .u-xsmall {
22
- font-size: var(--text-font-size-xsmall);
23
- }