activeadmin_blaze_theme 0.7.0 → 0.7.10

Sign up to get free protection for your applications and to get access to all the features.
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,72 +0,0 @@
1
- @import 'mixins/utilities.states';
2
- @import 'mixins/utilities.visibility';
3
-
4
- @mixin link--color {
5
- @include disabled;
6
- color: var(--color-link);
7
- background-color: transparent;
8
-
9
- &:not(:disabled) {
10
- &:visited {
11
- opacity: 0.9;
12
- }
13
-
14
- &:hover {
15
- background-color: transparent;
16
- opacity: 0.9;
17
- }
18
-
19
- &:active {
20
- background-color: transparent;
21
- opacity: 0.8;
22
- }
23
- }
24
- }
25
-
26
- a.c-link,
27
- .c-link[role='link'] {
28
- @include link--color;
29
-
30
- text-decoration: none;
31
- cursor: pointer;
32
-
33
- &:hover {
34
- text-decoration: underline;
35
- }
36
-
37
- .c-link--skip {
38
- @include visually-hidden;
39
-
40
- top: 0;
41
- left: 0;
42
- z-index: var(--z-over-everything);
43
-
44
- &:active,
45
- &:focus {
46
- width: auto;
47
- height: auto;
48
- overflow: auto;
49
- clip-path: none;
50
- }
51
- }
52
-
53
- &.c-link--brand {
54
- --color-link: var(--color-brand);
55
- }
56
-
57
- &.c-link--info {
58
- --color-link: var(--color-info);
59
- }
60
-
61
- &.c-link--warning {
62
- --color-link: var(--color-warning);
63
- }
64
-
65
- &.c-link--success {
66
- --color-link: var(--color-success);
67
- }
68
-
69
- &.c-link--error {
70
- --color-link: var(--color-error);
71
- }
72
- }
@@ -1,64 +0,0 @@
1
- ul.c-list,
2
- ol.c-list,
3
- .c-list[role='list'] {
4
- display: block;
5
- margin: 0;
6
- padding: 0 0 0 var(--spacing-medium);
7
- list-style-position: outside;
8
-
9
- ul.c-list,
10
- ol.c-list,
11
- .c-list[role='list'] {
12
- padding: 0 0 0 var(--spacing-medium);
13
- }
14
-
15
- .c-list__item {
16
- padding: 0;
17
- }
18
-
19
- .c-list__item--unstyled {
20
- list-style: none;
21
- }
22
-
23
- &.c-list--unstyled {
24
- padding: 0;
25
- list-style: none;
26
- }
27
-
28
- &.c-list--ordered {
29
- padding: 0;
30
- list-style: none;
31
- counter-reset: ordered;
32
-
33
- .c-list__item {
34
- &::before {
35
- padding: 0 var(--spacing-small) 0 0;
36
- content: counters(ordered, '.') ' ';
37
- counter-increment: ordered;
38
- }
39
- }
40
- }
41
-
42
- &.c-list--inline {
43
- padding: 0;
44
-
45
- .c-list--inline {
46
- padding: 0;
47
- }
48
-
49
- .c-list__item {
50
- display: inline-block;
51
- width: auto;
52
- padding-right: var(--spacing-medium);
53
- }
54
-
55
- &:not(.c-list--unstyled) {
56
- .c-list__item {
57
- &::before {
58
- padding: 0 var(--spacing-small) 0 0;
59
- content: '\2022';
60
- }
61
- }
62
- }
63
- }
64
- }
@@ -1,83 +0,0 @@
1
- nav.c-nav,
2
- .c-nav[role='navigation'] {
3
- z-index: var(--z-over-page);
4
- width: 280px;
5
- height: 100%;
6
- margin: 0;
7
- padding: 0;
8
- overflow-x: hidden;
9
- overflow-y: auto;
10
- -webkit-overflow-scrolling: touch;
11
- color: #fff;
12
- background-color: #000;
13
-
14
- &.c-nav--left {
15
- position: fixed;
16
- top: 0;
17
- right: auto;
18
- bottom: 0;
19
- left: 0;
20
- }
21
-
22
- &.c-nav--right {
23
- position: fixed;
24
- top: 0;
25
- right: 0;
26
- bottom: 0;
27
- left: auto;
28
- }
29
-
30
- .c-nav__item,
31
- .c-nav__content {
32
- display: block;
33
- height: 3.5em;
34
- padding: 0 var(--spacing-medium);
35
- color: inherit;
36
- line-height: 3.5em;
37
-
38
- .o-image {
39
- height: 100%;
40
- }
41
- }
42
-
43
- .c-nav__item {
44
- --nav-background-color: var(--color-default);
45
-
46
- text-decoration: none;
47
-
48
- &:hover,
49
- &--active {
50
- color: var(--nav-color);
51
- background-color: var(--nav-background-color);
52
- }
53
-
54
- &:focus {
55
- box-shadow: var(--box-shadow-focus);
56
- }
57
-
58
- &:active {
59
- filter: brightness(0.95);
60
- }
61
- }
62
-
63
- .c-nav__item--brand {
64
- --nav-background-color: var(--color-brand);
65
- }
66
-
67
- .c-nav__item--info {
68
- --nav-background-color: var(--color-info);
69
- }
70
-
71
- .c-nav__item--warning {
72
- --nav-color: #000;
73
- --nav-background-color: var(--color-warning);
74
- }
75
-
76
- .c-nav__item--success {
77
- --nav-background-color: var(--color-success);
78
- }
79
-
80
- .c-nav__item--error {
81
- --nav-background-color: var(--color-error);
82
- }
83
- }
@@ -1,23 +0,0 @@
1
- .c-overlay[aria-hidden] {
2
- position: fixed;
3
- top: 0;
4
- right: 0;
5
- bottom: 0;
6
- left: 0;
7
- z-index: var(--overlay-z-index);
8
- display: block;
9
- width: 100%;
10
- height: 100%;
11
- background-color: transparentize(#000, 0.6);
12
- visibility: hidden;
13
- opacity: 0;
14
-
15
- &.c-overlay--visible {
16
- visibility: visible;
17
- opacity: 1;
18
- }
19
-
20
- &.c-overlay--transparent {
21
- background-color: transparent;
22
- }
23
- }
@@ -1,31 +0,0 @@
1
- @import 'mixins/components.buttons';
2
-
3
- nav.c-pagination,
4
- .c-pagination[role='navigation'] {
5
- display: flex;
6
- width: 100%;
7
- padding: var(--spacing-medium);
8
- font-size: var(--text-font-size-medium);
9
- text-align: center;
10
- }
11
-
12
- .c-pagination__pages {
13
- display: flex;
14
- flex: 1 0 auto;
15
- justify-content: center;
16
-
17
- .c-pagination__control {
18
- margin: 0 0.2em;
19
- }
20
- }
21
-
22
- .c-pagination__control {
23
- --button-color: var(--color-brand);
24
-
25
- @include button;
26
- @include button-ghost;
27
-
28
- flex: 0 0 auto;
29
- min-width: 2.4em;
30
- border-radius: var(--border-radius-rounded);
31
- }
@@ -1,83 +0,0 @@
1
- .c-progress {
2
- --progress-bar-color: #fff;
3
- --progress-bar-background-color: var(--color-default);
4
-
5
- display: block;
6
- overflow: hidden;
7
- color: var(--progress-bar-color);
8
- text-align: center;
9
- background-color: var(--color-background);
10
- border: 0;
11
- border-radius: var(--border-radius);
12
-
13
- &.c-progress--rounded {
14
- border-radius: var(--border-radius-rounded);
15
- }
16
-
17
- &.c-progress--timer {
18
- --border-radius: 0;
19
- height: 3px;
20
-
21
- .c-progress__bar[role='progressbar'] {
22
- width: 0;
23
- animation-name: slide;
24
- animation-duration: 10s;
25
- animation-timing-function: linear;
26
- animation-iteration-count: infinite;
27
- animation-fill-mode: forwards;
28
- }
29
-
30
- @keyframes slide {
31
- from {
32
- width: 0;
33
- }
34
-
35
- 95% {
36
- width: 100%;
37
- opacity: 1;
38
- }
39
-
40
- 100% {
41
- width: 100%;
42
- opacity: 0;
43
- }
44
- }
45
- }
46
-
47
- .c-progress__bar[role='progressbar'] {
48
- display: block;
49
- float: left;
50
- height: 100%;
51
- overflow: hidden;
52
- white-space: nowrap;
53
- text-overflow: ellipsis;
54
- background-color: var(--progress-bar-background-color);
55
- border-radius: 0;
56
-
57
- &::after {
58
- color: transparent !important;
59
- content: '-';
60
- }
61
-
62
- &.c-progress__bar--brand {
63
- --progress-bar-background-color: var(--color-brand);
64
- }
65
-
66
- &.c-progress__bar--info {
67
- --progress-bar-background-color: var(--color-info);
68
- }
69
-
70
- &.c-progress__bar--warning {
71
- --progress-bar-color: #000;
72
- --progress-bar-background-color: var(--color-warning);
73
- }
74
-
75
- &.c-progress__bar--success {
76
- --progress-bar-background-color: var(--color-success);
77
- }
78
-
79
- &.c-progress__bar--error {
80
- --progress-bar-background-color: var(--color-error);
81
- }
82
- }
83
- }
@@ -1,176 +0,0 @@
1
- @mixin range-track {
2
- width: 100%;
3
- height: 10px;
4
- border: 0;
5
- border-radius: var(--border-radius-rounded);
6
- box-shadow: none;
7
- }
8
-
9
- @mixin range-track-ms {
10
- color: transparent;
11
- background-color: transparent;
12
- border-color: transparent;
13
- }
14
-
15
- @mixin range-fill-ms {
16
- background-color: var(--color-default);
17
- border: 0;
18
- border-radius: var(--border-radius-rounded);
19
- box-shadow: none;
20
- }
21
-
22
- @mixin range-thumb {
23
- width: 20px;
24
- height: 20px;
25
- margin: -5px 0 0 0;
26
- background-color: #fff;
27
- border: 0;
28
- border-radius: var(--border-radius-rounded);
29
- box-shadow: 0 1px 4px -1px #000;
30
- }
31
-
32
- @mixin range-thumb-focus {
33
- border-color: var(--border-color-focus);
34
- box-shadow: var(--box-shadow-focus);
35
- }
36
-
37
- @mixin range-thumb-webkit {
38
- -webkit-appearance: none;
39
- }
40
-
41
- @mixin range-thumb-active {
42
- transform: scale(1.4);
43
- }
44
-
45
- @mixin range-disabled {
46
- background-color: var(--color-disabled-background);
47
- cursor: not-allowed;
48
- }
49
-
50
- .c-range[type='range'] {
51
- --range-track-color: var(--color-default);
52
-
53
- width: 100%;
54
- padding: var(--spacing-small) 0;
55
- outline: 0;
56
- -webkit-appearance: none;
57
-
58
- &.c-range--brand {
59
- --range-track-color: var(--color-brand);
60
- }
61
-
62
- &.c-range--info {
63
- --range-track-color: var(--color-info);
64
- }
65
-
66
- &.c-range--warning {
67
- --range-track-color: var(--color-warning);
68
- }
69
-
70
- &.c-range--success {
71
- --range-track-color: var(--color-success);
72
- }
73
-
74
- &.c-range--error {
75
- --range-track-color: var(--color-error);
76
- }
77
-
78
- &:not(:disabled) {
79
- &::-webkit-slider-runnable-track {
80
- background-color: var(--range-track-color);
81
- }
82
-
83
- &::-moz-range-track {
84
- background-color: var(--range-track-color);
85
- }
86
-
87
- &::-ms-track {
88
- background-color: var(--range-track-color);
89
- }
90
- }
91
-
92
- &:not(:disabled):active {
93
- &::-webkit-slider-thumb {
94
- transform: scale(1.4);
95
- }
96
-
97
- &::-moz-range-thumb {
98
- transform: scale(1.4);
99
- }
100
-
101
- &::-ms-thumb {
102
- transform: scale(1.4);
103
- }
104
- }
105
-
106
- &:focus {
107
- &::-webkit-slider-thumb {
108
- @include range-thumb-focus;
109
- }
110
-
111
- &::-moz-range-thumb {
112
- @include range-thumb-focus;
113
- }
114
-
115
- &::-ms-thumb {
116
- @include range-thumb-focus;
117
- }
118
- }
119
-
120
- &:disabled {
121
- &::-webkit-slider-thumb {
122
- @include range-disabled;
123
- }
124
-
125
- &::-webkit-slider-runnable-track {
126
- @include range-disabled;
127
- }
128
-
129
- &::-moz-range-thumb {
130
- @include range-disabled;
131
- }
132
-
133
- &::-moz-range-track {
134
- @include range-disabled;
135
- }
136
-
137
- &::-ms-thumb {
138
- @include range-disabled;
139
- }
140
-
141
- &::-ms-track {
142
- @include range-disabled;
143
- }
144
- }
145
- }
146
-
147
- .c-range::-webkit-slider-runnable-track {
148
- @include range-track;
149
- }
150
-
151
- .c-range::-webkit-slider-thumb {
152
- @include range-thumb;
153
- @include range-thumb-webkit;
154
- }
155
-
156
- .c-range::-moz-range-track {
157
- @include range-track;
158
- }
159
-
160
- .c-range::-moz-range-thumb {
161
- @include range-thumb;
162
- }
163
-
164
- .c-range::-ms-track {
165
- @include range-track;
166
- @include range-track-ms;
167
- }
168
-
169
- .c-range::-ms-fill-lower,
170
- .c-range::-ms-fill-upper {
171
- @include range-fill-ms;
172
- }
173
-
174
- .c-range::-ms-thumb {
175
- @include range-thumb;
176
- }
@@ -1,86 +0,0 @@
1
- @import 'mixins/objects.grid';
2
-
3
- .c-table {
4
- @include grid;
5
- @include grid--wrap;
6
- width: 100%;
7
- margin: 0;
8
- padding: 0;
9
- border: 0;
10
- border-collapse: collapse;
11
- border-spacing: 0;
12
- }
13
-
14
- .c-table__caption {
15
- @include grid;
16
- @include grid__cell--full;
17
- max-width: 100%;
18
- padding: var(--spacing-small) 0;
19
- color: var(--color-default);
20
- font-size: var(--text-font-size-small);
21
- text-align: left;
22
- }
23
-
24
- .c-table__row,
25
- .c-table__head,
26
- .c-table__body {
27
- display: flex;
28
- flex: 0 0 100%;
29
- flex-wrap: wrap;
30
- max-width: 100%;
31
- }
32
-
33
- .c-table--striped :not(.c-table__row--heading).c-table__row:nth-of-type(odd) {
34
- color: initial;
35
- background-color: var(--color-background);
36
- }
37
-
38
- .c-table__cell {
39
- display: flex;
40
- flex: 1;
41
- padding: var(--spacing-small);
42
- overflow: auto;
43
- text-align: left;
44
- }
45
-
46
- .c-table__row--heading .c-table__cell {
47
- display: flex;
48
- flex: 1;
49
- color: inherit;
50
- font-weight: var(--text-font-weight-heavy);
51
- font-size: var(--text-font-size-medium);
52
- background-color: var(--color-background);
53
- }
54
-
55
- .c-table--striped .c-table__row--heading .c-table__cell {
56
- color: initial;
57
- background-color: #fff;
58
- border-bottom: var(--border-width) var(--border-style) var(--border-color);
59
- }
60
-
61
- .c-table--clickable :not(.c-table__row--heading).c-table__row:hover .c-table__cell,
62
- .c-table__row--clickable:hover .c-table__cell {
63
- color: var(--link-color);
64
- background-color: initial;
65
- }
66
-
67
- .c-table__row--disabled {
68
- color: var(--color-disabled);
69
- background-color: initial;
70
- cursor: default;
71
- }
72
-
73
- .c-table--clickable :not(.c-table__row--heading).c-table__row--disabled:hover .c-table__cell,
74
- .c-table__row--disabled:hover .c-table__cell {
75
- color: var(--color-disabled);
76
- background-color: initial;
77
- cursor: not-allowed;
78
- }
79
-
80
- .c-table--condensed {
81
- font-size: var(--text-font-size-small);
82
-
83
- .c-table__cell {
84
- padding: var(--spacing-xsmall);
85
- }
86
- }
@@ -1,68 +0,0 @@
1
- @import 'mixins/components.buttons';
2
-
3
- .c-tabs[role='tablist'] {
4
- display: block;
5
- }
6
-
7
- .c-tabs__headings {
8
- display: flex;
9
- text-align: center;
10
- }
11
-
12
- .c-tabs__nav {
13
- overflow: hidden;
14
-
15
- .c-tabs__headings {
16
- margin-bottom: -1em;
17
- padding-bottom: 1em;
18
- overflow-x: auto;
19
- overflow-y: hidden;
20
- }
21
- }
22
-
23
- .c-tab-heading[role='tab'] {
24
- --tab-heading-border-color: var(--color-default);
25
-
26
- @include button-nude;
27
-
28
- display: block;
29
- flex: 1;
30
- margin: 0;
31
- padding: var(--spacing-medium);
32
- white-space: nowrap;
33
- border-bottom: var(--spacing-xsmall) solid var(--color-background);
34
- border-radius: var(--border-radius) var(--border-radius) 0 0;
35
-
36
- &:not(:disabled):not(.c-tab-heading--active):hover {
37
- border-bottom-color: var(--tab-heading-border-color);
38
- }
39
-
40
- &.c-tab-heading--active {
41
- background-color: var(--color-background);
42
- border-bottom-color: var(--tab-heading-border-color);
43
- }
44
-
45
- &.c-tab-heading--brand {
46
- --tab-heading-border-color: var(--color-brand);
47
- }
48
-
49
- &.c-tab-heading--info {
50
- --tab-heading-border-color: var(--color-info);
51
- }
52
-
53
- &.c-tab-heading--warning {
54
- --tab-heading-border-color: var(--color-warning);
55
- }
56
-
57
- &.c-tab-heading--success {
58
- --tab-heading-border-color: var(--color-success);
59
- }
60
-
61
- &.c-tab-heading--error {
62
- --tab-heading-border-color: var(--color-error);
63
- }
64
- }
65
-
66
- .c-tabs__tab[role='tabpanel'] {
67
- padding: var(--spacing-medium);
68
- }