activeadmin_blaze_theme 0.5.10 → 0.6.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (216) hide show
  1. checksums.yaml +5 -5
  2. data/.circleci/config.yml +33 -0
  3. data/.gitignore +12 -2
  4. data/.rspec +2 -0
  5. data/.rubocop.yml +27 -0
  6. data/Gemfile +2 -0
  7. data/LICENSE.txt +1 -1
  8. data/README.md +72 -73
  9. data/Rakefile +15 -1
  10. data/activeadmin_blaze_theme.gemspec +24 -11
  11. data/app/assets/stylesheets/activeadmin_blaze_theme/_base.scss +197 -0
  12. data/app/assets/stylesheets/activeadmin_blaze_theme/_contents.scss +42 -0
  13. data/app/assets/stylesheets/activeadmin_blaze_theme/_footer.scss +15 -0
  14. data/app/assets/stylesheets/activeadmin_blaze_theme/_form.scss +381 -0
  15. data/app/assets/stylesheets/activeadmin_blaze_theme/_header.scss +140 -0
  16. data/app/assets/stylesheets/activeadmin_blaze_theme/_navigation.scss +69 -0
  17. data/app/assets/stylesheets/activeadmin_blaze_theme/_sidebars.scss +64 -0
  18. data/app/assets/stylesheets/activeadmin_blaze_theme/_tables.scss +96 -0
  19. data/app/assets/stylesheets/activeadmin_blaze_theme/_variables.scss +46 -0
  20. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.addresses.scss +11 -0
  21. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss +78 -0
  22. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.avatars.scss +38 -0
  23. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.back-to-top.scss +17 -0
  24. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.badges.scss +71 -0
  25. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.breadcrumbs.scss +24 -0
  26. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.buttons.scss +91 -0
  27. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.calendars.scss +80 -0
  28. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.cards.scss +195 -0
  29. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.divider.scss +39 -0
  30. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.file-upload.scss +24 -0
  31. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.github-buttons.scss +131 -0
  32. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.headings.scss +12 -0
  33. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.hints.scss +21 -0
  34. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.input-groups.scss +164 -0
  35. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.inputs.scss +128 -0
  36. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.links.scss +72 -0
  37. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.lists.scss +64 -0
  38. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.navs.scss +83 -0
  39. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.overlays.scss +23 -0
  40. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.pagination.scss +31 -0
  41. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.progress.scss +83 -0
  42. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.ranges.scss +176 -0
  43. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tables.scss +86 -0
  44. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tabs.scss +68 -0
  45. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tags.scss +39 -0
  46. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.timelines.scss +113 -0
  47. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.toggles.scss +89 -0
  48. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{components.tooltips.scss → _components.tooltips.scss} +28 -30
  49. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.trees.scss +48 -0
  50. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_generics.global.scss +17 -0
  51. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.containers.scss +37 -0
  52. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.drawers.scss +91 -0
  53. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.forms.scss +25 -0
  54. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.responsive.scss → _objects.grid.responsive.scss} +14 -14
  55. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.grid.scss → _objects.grid.scss} +2 -2
  56. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.images.scss → _objects.images.scss} +1 -1
  57. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.media.scss → _objects.media.scss} +3 -3
  58. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.modals.scss +70 -0
  59. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{objects.panels.scss → _objects.panels.scss} +1 -11
  60. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{utilities.alignment.scss → _utilities.alignment.scss} +13 -1
  61. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.boxing.scss +111 -0
  62. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.elevation.scss +17 -0
  63. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.radius.scss +11 -0
  64. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.sizes.scss +23 -0
  65. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.typography.scss +160 -0
  66. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.visibility.scss +54 -0
  67. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_variables.scss +93 -0
  68. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.scss +49 -41
  69. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.buttons.scss +82 -43
  70. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.inputs.scss +2 -40
  71. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss +35 -6
  72. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss +13 -34
  73. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.alignment.scss +12 -0
  74. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.states.scss +7 -0
  75. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.visibility.scss +7 -0
  76. data/app/assets/stylesheets/activeadmin_blaze_theme/theme.scss +10 -974
  77. data/bin/rails +29 -0
  78. data/bin/rake +29 -0
  79. data/bin/rspec +29 -0
  80. data/bin/rubocop +29 -0
  81. data/extra/edit.png +0 -0
  82. data/extra/index.png +0 -0
  83. data/lib/activeadmin/views/activeadmin_form.rb +6 -2
  84. data/lib/activeadmin_blaze_theme.rb +5 -2
  85. data/lib/activeadmin_blaze_theme/version.rb +3 -1
  86. data/lib/formtastic/inputs/blaze_toggle_input.rb +12 -8
  87. data/spec/dummy/.ruby-version +1 -0
  88. data/spec/dummy/.tool-versions +1 -0
  89. data/spec/dummy/Rakefile +6 -0
  90. data/spec/dummy/app/admin/authors.rb +57 -0
  91. data/spec/dummy/app/admin/dashboard.rb +32 -0
  92. data/spec/dummy/app/admin/posts.rb +50 -0
  93. data/spec/dummy/app/admin/tags.rb +4 -0
  94. data/spec/dummy/app/assets/config/manifest.js +3 -0
  95. data/spec/dummy/app/assets/images/.keep +0 -0
  96. data/spec/dummy/app/assets/javascripts/active_admin.js +1 -0
  97. data/spec/dummy/app/assets/stylesheets/active_admin.scss +4 -0
  98. data/spec/dummy/app/assets/stylesheets/application.css +15 -0
  99. data/spec/dummy/app/channels/application_cable/channel.rb +4 -0
  100. data/spec/dummy/app/channels/application_cable/connection.rb +4 -0
  101. data/spec/dummy/app/controllers/application_controller.rb +2 -0
  102. data/spec/dummy/app/controllers/concerns/.keep +0 -0
  103. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  104. data/spec/dummy/app/javascript/packs/application.js +15 -0
  105. data/spec/dummy/app/jobs/application_job.rb +7 -0
  106. data/spec/dummy/app/mailers/application_mailer.rb +4 -0
  107. data/spec/dummy/app/models/application_record.rb +7 -0
  108. data/spec/dummy/app/models/author.rb +26 -0
  109. data/spec/dummy/app/models/concerns/.keep +0 -0
  110. data/spec/dummy/app/models/post.rb +25 -0
  111. data/spec/dummy/app/models/post_tag.rb +9 -0
  112. data/spec/dummy/app/models/profile.rb +9 -0
  113. data/spec/dummy/app/models/tag.rb +6 -0
  114. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  115. data/spec/dummy/app/views/layouts/mailer.html.erb +13 -0
  116. data/spec/dummy/app/views/layouts/mailer.text.erb +1 -0
  117. data/spec/dummy/bin/rails +4 -0
  118. data/spec/dummy/bin/rake +4 -0
  119. data/spec/dummy/bin/setup +33 -0
  120. data/spec/dummy/config.ru +5 -0
  121. data/spec/dummy/config/application.rb +18 -0
  122. data/spec/dummy/config/boot.rb +5 -0
  123. data/spec/dummy/config/cable.yml +10 -0
  124. data/spec/dummy/config/database.yml +8 -0
  125. data/spec/dummy/config/environment.rb +5 -0
  126. data/spec/dummy/config/environments/development.rb +62 -0
  127. data/spec/dummy/config/environments/production.rb +112 -0
  128. data/spec/dummy/config/environments/test.rb +49 -0
  129. data/spec/dummy/config/initializers/active_admin.rb +335 -0
  130. data/spec/dummy/config/initializers/application_controller_renderer.rb +8 -0
  131. data/spec/dummy/config/initializers/assets.rb +12 -0
  132. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  133. data/spec/dummy/config/initializers/content_security_policy.rb +28 -0
  134. data/spec/dummy/config/initializers/cookies_serializer.rb +5 -0
  135. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  136. data/spec/dummy/config/initializers/inflections.rb +16 -0
  137. data/spec/dummy/config/initializers/mime_types.rb +4 -0
  138. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  139. data/spec/dummy/config/locales/en.yml +33 -0
  140. data/spec/dummy/config/puma.rb +38 -0
  141. data/spec/dummy/config/routes.rb +3 -0
  142. data/spec/dummy/config/spring.rb +6 -0
  143. data/spec/dummy/config/storage.yml +7 -0
  144. data/spec/dummy/db/migrate/20170806125915_create_active_storage_tables.active_storage.rb +27 -0
  145. data/spec/dummy/db/migrate/20180101010101_create_active_admin_comments.rb +16 -0
  146. data/spec/dummy/db/migrate/20180607053251_create_authors.rb +13 -0
  147. data/spec/dummy/db/migrate/20180607053254_create_profiles.rb +12 -0
  148. data/spec/dummy/db/migrate/20180607053255_create_tags.rb +11 -0
  149. data/spec/dummy/db/migrate/20180607053257_create_post_tags.rb +12 -0
  150. data/spec/dummy/db/migrate/20180607053739_create_posts.rb +17 -0
  151. data/spec/dummy/db/schema.rb +99 -0
  152. data/spec/dummy/lib/assets/.keep +0 -0
  153. data/spec/dummy/public/404.html +67 -0
  154. data/spec/dummy/public/422.html +67 -0
  155. data/spec/dummy/public/500.html +66 -0
  156. data/spec/dummy/public/apple-touch-icon-precomposed.png +0 -0
  157. data/spec/dummy/public/apple-touch-icon.png +0 -0
  158. data/spec/dummy/public/favicon.ico +0 -0
  159. data/spec/rails_helper.rb +36 -0
  160. data/spec/spec_helper.rb +20 -0
  161. data/spec/support/capybara.rb +3 -0
  162. data/spec/support/drivers.rb +7 -0
  163. data/spec/system/theme_spec.rb +15 -0
  164. metadata +390 -70
  165. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss +0 -30
  166. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss +0 -12
  167. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss +0 -59
  168. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss +0 -36
  169. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss +0 -60
  170. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss +0 -20
  171. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss +0 -49
  172. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss +0 -77
  173. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss +0 -69
  174. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.cards.scss +0 -213
  175. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.headings.scss +0 -14
  176. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss +0 -27
  177. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss +0 -163
  178. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss +0 -144
  179. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss +0 -31
  180. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss +0 -60
  181. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss +0 -126
  182. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss +0 -26
  183. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.pagination.scss +0 -42
  184. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.progress.scss +0 -51
  185. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.ranges.scss +0 -114
  186. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tables.scss +0 -88
  187. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tabs.scss +0 -72
  188. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tags.scss +0 -42
  189. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.toggles.scss +0 -74
  190. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.trees.scss +0 -47
  191. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss +0 -94
  192. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/generics.global.scss +0 -13
  193. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.alerts.scss +0 -6
  194. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.badges.scss +0 -8
  195. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.links.scss +0 -22
  196. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.lists.scss +0 -10
  197. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.navs.scss +0 -29
  198. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.ranges.scss +0 -89
  199. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.tabs.scss +0 -5
  200. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.toggles.scss +0 -6
  201. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss +0 -25
  202. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.containers.scss +0 -10
  203. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_settings.global.scss +0 -864
  204. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.boxing.scss +0 -125
  205. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss +0 -31
  206. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.drawers.scss +0 -88
  207. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.forms.scss +0 -25
  208. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.modals.scss +0 -58
  209. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/themes/blaze.example.scss +0 -7
  210. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss +0 -101
  211. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss +0 -19
  212. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss +0 -25
  213. data/extra/screenshot1.jpg +0 -0
  214. data/extra/screenshot2.jpg +0 -0
  215. data/extra/screenshot3.jpg +0 -0
  216. data/extra/screenshot4.jpg +0 -0
@@ -1,47 +0,0 @@
1
- @import "mixins/settings.global";
2
-
3
- .c-tree {
4
- display: block;
5
- margin: $tree-margin;
6
- padding: $tree-padding;
7
- list-style: none;
8
-
9
- .c-tree {
10
- padding: $tree-nested-padding;
11
- }
12
- }
13
-
14
- .c-tree__item {
15
- padding: $tree-item-padding;
16
-
17
- &:before {
18
- display: inline-block;
19
- padding: $tree-item-indicator-padding;
20
- transform-origin: 30% 50%;
21
- color: $tree-item-indicator-color;
22
- content: "–";
23
- }
24
- }
25
-
26
- .c-tree__item--expandable {
27
- &:before {
28
- color: $tree-item-expandable-indicator-color;
29
- content: "\276F";
30
- }
31
-
32
- .c-tree {
33
- display: none;
34
- }
35
- }
36
-
37
- .c-tree__item--expanded {
38
- &:before {
39
- transform: rotate(90deg);
40
- color: $tree-item-expanded-indicator-color;
41
- content: "\276F";
42
- }
43
-
44
- .c-tree {
45
- display: block;
46
- }
47
- }
@@ -1,94 +0,0 @@
1
- @import "mixins/components.typography";
2
-
3
- .c-text {
4
- color: $text-color;
5
- font-family: $text-font-family;
6
- font-weight: $text-font-weight;
7
- line-height: $text-line-height;
8
- }
9
-
10
- .c-text--mono {
11
- font-family: $text-font-family-mono;
12
- }
13
-
14
- .c-text--highlight {
15
- @include text--highlight;
16
- }
17
-
18
- .c-text--quiet {
19
- color: $color-quiet;
20
- }
21
-
22
- .c-text--loud {
23
- font-weight: $text-font-weight-heavy;
24
- }
25
-
26
- .c-text--help[title] {
27
- border-bottom: $help-border-bottom;
28
- cursor: help;
29
- }
30
-
31
- .c-pre {
32
- margin: 0;
33
- }
34
-
35
- .c-code {
36
- @include code;
37
- }
38
-
39
- .c-code--multiline {
40
- display: block;
41
- padding: $spacing-small $spacing-medium;
42
- border-radius: $border-radius;
43
- white-space: pre;
44
- overflow-x: auto;
45
- }
46
-
47
- .c-kbd {
48
- @include code($keyboard-color, $keyboard-background-color);
49
- border-bottom: $keyboard-border;
50
- border-radius: $keyboard-border-radius;
51
- }
52
-
53
- .c-blockquote {
54
- @include quotation--color;
55
- display: block;
56
- margin: $quotation-margin;
57
- padding: $quotation-padding;
58
- font-family: $quotation-font-family;
59
- }
60
-
61
- .c-blockquote--brand {
62
- @include quotation--color($quotation-brand-border-color);
63
- }
64
-
65
- .c-blockquote--info {
66
- @include quotation--color($quotation-info-border-color);
67
- }
68
-
69
- .c-blockquote--warning {
70
- @include quotation--color($quotation-warning-border-color);
71
- }
72
-
73
- .c-blockquote--success {
74
- @include quotation--color($quotation-success-border-color);
75
- }
76
-
77
- .c-blockquote--error {
78
- @include quotation--color($quotation-error-border-color);
79
- }
80
-
81
- .c-blockquote__body {
82
- @include paragraph;
83
- font-size: $quotation-font-size;
84
- }
85
-
86
- .c-blockquote__footer {
87
- @include paragraph;
88
- color: $quotation-footer-color;
89
- font-style: $quotation-footer-font-style;
90
- }
91
-
92
- .c-paragraph {
93
- @include paragraph;
94
- }
@@ -1,13 +0,0 @@
1
- html {
2
- box-sizing: border-box;
3
- }
4
-
5
- *,
6
- *:before,
7
- *:after {
8
- box-sizing: inherit;
9
- }
10
-
11
- body {
12
- margin: 0;
13
- }
@@ -1,6 +0,0 @@
1
- @import "settings.global";
2
-
3
- @mixin alert-color($background-color: $alert-background-color, $color: $alert-color) {
4
- background-color: $background-color;
5
- color: $color;
6
- }
@@ -1,8 +0,0 @@
1
- @import "settings.global";
2
-
3
- // Frames and wells
4
- @mixin badge($background-color, $color: $badge-color, $border-color: $color) {
5
- border: $badge-border-width $badge-border-style $border-color;
6
- background-color: $background-color;
7
- color: $color;
8
- }
@@ -1,22 +0,0 @@
1
- @import "settings.global";
2
-
3
- @mixin link--color($color: $link-color) {
4
- background-color: transparent;
5
- color: $color;
6
-
7
- &:not(:disabled) {
8
- &:visited {
9
- color: darken($color, $color-tint);
10
- }
11
-
12
- &:hover {
13
- background-color: transparent;
14
- color: lighten($color, $color-tint);
15
- }
16
-
17
- &:active {
18
- background-color: transparent;
19
- color: lighten($color, $color-tint);
20
- }
21
- }
22
- }
@@ -1,10 +0,0 @@
1
- @import "settings.global";
2
-
3
- @mixin list--unstyled {
4
- padding: $list-unstyled-padding;
5
- list-style: $list-unstyled-list-style;
6
- }
7
-
8
- @mixin list--inline {
9
- padding: $list-inline-padding;
10
- }
@@ -1,29 +0,0 @@
1
- @import "settings.global";
2
-
3
- @mixin nav--color($background-color: $nav-background-color, $color: $nav-color) {
4
- background-color: $background-color;
5
- color: $color;
6
- }
7
-
8
- @mixin nav__item--color($background-color: $nav-item-hover-background-color, $hover-color: $nav-item-hover-color) {
9
- &:not(:disabled) {
10
- &:hover {
11
- background-color: $background-color;
12
- color: $hover-color;
13
- }
14
-
15
- &:focus {
16
- box-shadow: $box-shadow-focus;
17
- }
18
-
19
- &:active {
20
- background-color: darken($background-color, $color-tint);
21
- color: $hover-color;
22
- }
23
- }
24
- }
25
-
26
- @mixin nav__item--active($background-color: $nav-item-active-background-color, $hover-color: $nav-item-active-color) {
27
- background-color: $background-color;
28
- color: $hover-color;
29
- }
@@ -1,89 +0,0 @@
1
- @import "settings.global";
2
- @import "utilities.boxing";
3
-
4
- @mixin range__track {
5
- width: $range-width;
6
- height: $range-height;
7
- border: $range-border;
8
- border-radius: $range-border-radius;
9
- box-shadow: $range-box-shadow;
10
- cursor: pointer;
11
- }
12
-
13
- @mixin range__track--ms {
14
- border-color: transparent;
15
- background-color: transparent;
16
- color: transparent;
17
- }
18
-
19
- @mixin range__fill--ms {
20
- border: $range-border;
21
- border-radius: $range-border-radius;
22
- background-color: $range-background-color;
23
- box-shadow: $range-box-shadow;
24
- }
25
-
26
- @mixin range__thumb {
27
- width: $range-thumb-width;
28
- height: $range-thumb-height;
29
- margin: $range-thumb-margin;
30
- border: $range-thumb-border;
31
- border-radius: $range-thumb-border-radius;
32
- background-color: $range-thumb-background-color;
33
- box-shadow: $range-thumb-box-shadow;
34
- cursor: pointer;
35
- }
36
-
37
- @mixin range__thumb--focus {
38
- border-color: $range-thumb-focus-border-color;
39
- box-shadow: $range-thumb-focus-box-shadow;
40
- }
41
-
42
- @mixin range__thumb--webkit {
43
- -webkit-appearance: none;
44
- }
45
-
46
- @mixin range__thumb--active {
47
- transform: scale(1.4);
48
- }
49
-
50
- @mixin range--disabled {
51
- background-color: $range-disabled-background-color;
52
- cursor: not-allowed;
53
- }
54
-
55
- @mixin range--color($track-color: $range-background-color) {
56
- &:not(:disabled) {
57
- &::-webkit-slider-runnable-track {
58
- background-color: $track-color;
59
- }
60
-
61
- &::-moz-range-track {
62
- background-color: $track-color;
63
- }
64
-
65
- &::-ms-track {
66
- background-color: $track-color;
67
- }
68
- }
69
- }
70
-
71
- @mixin range--brand {
72
- @include range--color($range-brand-background-color);
73
- }
74
-
75
- @mixin range--info {
76
- @include range--color($range-info-background-color);
77
- }
78
-
79
- @mixin range--warning {
80
- @include range--color($range-warning-background-color);
81
- }
82
-
83
- @mixin range--success {
84
- @include range--color($range-success-background-color);
85
- }
86
-
87
- @mixin range--error {
88
- @include range--color($range-error-background-color);
89
- }
@@ -1,5 +0,0 @@
1
- @import "settings.global";
2
-
3
- @mixin tab-heading--color($active-color: $tab-heading-active-box-shadow-color) {
4
- box-shadow: 0 -.2em 0 0 $active-color inset;
5
- }
@@ -1,6 +0,0 @@
1
- @import "settings.global";
2
- @import "objects.grid";
3
-
4
- @mixin toggle__track--background-color($track-color: $toggle-track-background-color) {
5
- background-color: $track-color;
6
- }
@@ -1,25 +0,0 @@
1
- @import "settings.global";
2
-
3
- @mixin text--highlight($color: $highlight-color, $background-color: $highlight-background-color) {
4
- margin: 0 -$spacing-tiny;
5
- padding: $spacing-xsmall $spacing-xsmall $spacing-tiny;
6
- background-color: $background-color;
7
- color: $color;
8
- }
9
-
10
- @mixin paragraph {
11
- display: block;
12
- margin: 0;
13
- padding: $spacing-small 0;
14
- }
15
-
16
- @mixin code($color: $code-color, $background-color: $code-background-color) {
17
- @include text--highlight($color, $background-color);
18
- display: inline;
19
- font-family: $text-font-family-mono;
20
- font-weight: $text-font-weight;
21
- }
22
-
23
- @mixin quotation--color($border-color: $quotation-border-color) {
24
- border-left: $quotation-border-width $quotation-border-style $border-color;
25
- }
@@ -1,10 +0,0 @@
1
- @import "settings.global";
2
- @import "tools.mediaqueries";
3
-
4
- @mixin containers__responsive($screen-width) {
5
- @each $size, $width in $screen-limits {
6
- &--#{$size}\@#{$screen-width} {
7
- max-width: $width;
8
- }
9
- }
10
- }
@@ -1,864 +0,0 @@
1
- //
2
- /// Screen Sizes
3
- //
4
- $screen-limit-xsmall: 20em !default;
5
- $screen-limit-small: 30em !default;
6
- $screen-limit-medium: 48em !default;
7
- $screen-limit-large: 64em !default;
8
- $screen-limit-xlarge: 78em !default;
9
- $screen-limit-super: 116em !default;
10
-
11
- $screen-adjustment: .01 !default;
12
-
13
- $screen-limits: (
14
- xsmall: $screen-limit-xsmall,
15
- small: $screen-limit-small,
16
- medium: $screen-limit-medium,
17
- large: $screen-limit-large,
18
- xlarge: $screen-limit-xlarge,
19
- super: $screen-limit-super
20
- );
21
-
22
- //
23
- // Spacing
24
- //
25
- $spacing-super: 3em !default;
26
- $spacing-xlarge: 2em !default;
27
- $spacing-large: 1.5em !default;
28
- $spacing-medium: 1em !default;
29
- $spacing-small: .5em !default;
30
- $spacing-xsmall: .25em !default;
31
- $spacing-tiny: .125em !default;
32
-
33
- //
34
- // Grid
35
- //
36
- $grid-gutter: 1em !default;
37
- $grid-widths: (
38
- 5: 5 / 100,
39
- 10: 1 / 10,
40
- 15: 15 / 100,
41
- 20: 1 / 5,
42
- 25: 1 / 4,
43
- 30: 3 / 10,
44
- 33: 1 / 3,
45
- 35: 35 / 100,
46
- 40: 2 / 5,
47
- 45: 45 / 100,
48
- 50: 1 / 2,
49
- 55: 55 / 100,
50
- 60: 3 / 5,
51
- 65: 65 / 100,
52
- 66: 2 / 3,
53
- 70: 7 / 10,
54
- 75: 3 / 4,
55
- 80: 4 / 5,
56
- 85: 85 / 100,
57
- 90: 9 / 10,
58
- 95: 95 / 100,
59
- 100: 1
60
- );
61
-
62
- //
63
- // Colors
64
- //
65
- $color-tint: 9 !default;
66
- $color-tint-dark: $color-tint !default;
67
- $color-tint-darker: $color-tint * 2 !default;
68
- $color-tint-light: $color-tint !default;
69
- $color-tint-lighter: $color-tint * 2 !default;
70
-
71
- $color-black: #111 !default;
72
- $color-grey: #B0BEC5 !default;
73
- $color-white: #FFF !default;
74
- $color-beige: #F2F2EA !default;
75
- $color-red: #F44336 !default;
76
- $color-pink: #E91E63 !default;
77
- $color-purple: #9C27B0 !default;
78
- $color-blue: #2196F3 !default;
79
- $color-green: #4CAF50 !default;
80
- $color-cyan: #00BCD4 !default;
81
- $color-yellow: #FFEB3B !default;
82
- $color-orange: #FF9800 !default;
83
- $color-brown: #795548 !default;
84
-
85
- $color-brand: #2C3E50 !default;
86
- $color-info: $color-blue !default;
87
- $color-warning: $color-orange !default;
88
- $color-success: $color-green !default;
89
- $color-error: $color-red !default;
90
-
91
- $color-default: darken($color-grey, $color-tint-dark) !default;
92
- $color-disabled: darken($color-grey, $color-tint-dark) !default;
93
- $color-quiet: darken($color-grey, $color-tint-dark) !default;
94
-
95
- $colors: (
96
- black: $color-black,
97
- grey: $color-grey,
98
- white: $color-white,
99
- beige: $color-beige,
100
- red: $color-red,
101
- pink: $color-pink,
102
- purple: $color-purple,
103
- blue: $color-blue,
104
- green: $color-green,
105
- cyan: $color-cyan,
106
- yellow: $color-yellow,
107
- orange: $color-orange,
108
- brown: $color-brown,
109
- brand: $color-brand,
110
- info: $color-info,
111
- warning: $color-warning,
112
- success: $color-success,
113
- error: $color-error,
114
- default: $color-default,
115
- disabled: $color-disabled,
116
- quiet: $color-quiet,
117
- grey-dark: darken($color-grey, $color-tint-dark),
118
- red-dark: darken($color-red, $color-tint-dark),
119
- pink-dark: darken($color-pink, $color-tint-dark),
120
- purple-dark: darken($color-purple, $color-tint-dark),
121
- blue-dark: darken($color-blue, $color-tint-dark),
122
- green-dark: darken($color-green, $color-tint-dark),
123
- cyan-dark: darken($color-cyan, $color-tint-dark),
124
- yellow-dark: darken($color-yellow, $color-tint-dark),
125
- orange-dark: darken($color-orange, $color-tint-dark),
126
- brown-dark: darken($color-brown, $color-tint-dark),
127
- grey-darker: darken($color-grey, $color-tint-darker),
128
- red-darker: darken($color-red, $color-tint-darker),
129
- grey-light: lighten($color-grey, $color-tint-light),
130
- red-light: lighten($color-red, $color-tint-light),
131
- pink-light: lighten($color-pink, $color-tint-light),
132
- purple-light: lighten($color-purple, $color-tint-light),
133
- blue-light: lighten($color-blue, $color-tint-light),
134
- green-light: lighten($color-green, $color-tint-light),
135
- cyan-light: lighten($color-cyan, $color-tint-light),
136
- yellow-light: lighten($color-yellow, $color-tint-light),
137
- orange-light: lighten($color-orange, $color-tint-light),
138
- brown-light: lighten($color-brown, $color-tint-light),
139
- grey-lighter: lighten($color-grey, $color-tint-lighter),
140
- red-lighter: lighten($color-red, $color-tint-lighter),
141
- pink-lighter: lighten($color-pink, $color-tint-lighter),
142
- purple-lighter: lighten($color-purple, $color-tint-lighter),
143
- blue-lighter: lighten($color-blue, $color-tint-lighter),
144
- green-lighter: lighten($color-green, $color-tint-lighter),
145
- cyan-lighter: lighten($color-cyan, $color-tint-lighter),
146
- yellow-lighter: lighten($color-yellow, $color-tint-lighter),
147
- orange-lighter: lighten($color-orange, $color-tint-lighter),
148
- brown-lighter: lighten($color-brown, $color-tint-lighter),
149
- pink-darker: darken($color-pink, $color-tint-darker),
150
- purple-darker: darken($color-purple, $color-tint-darker),
151
- blue-darker: darken($color-blue, $color-tint-darker),
152
- green-darker: darken($color-green, $color-tint-darker),
153
- cyan-darker: darken($color-cyan, $color-tint-darker),
154
- yellow-darker: darken($color-yellow, $color-tint-darker),
155
- orange-darker: darken($color-orange, $color-tint-darker),
156
- brown-darker: darken($color-brown, $color-tint-darker),
157
- brand-dark: darken($color-brand, $color-tint-dark),
158
- brand-darker: darken($color-brand, $color-tint-darker),
159
- brand-light: lighten($color-brand, $color-tint-light),
160
- brand-lighter: lighten($color-brand, $color-tint-lighter),
161
- info-dark: darken($color-info, $color-tint-dark),
162
- info-darker: darken($color-info, $color-tint-darker),
163
- info-light: lighten($color-info, $color-tint-light),
164
- info-lighter: lighten($color-info, $color-tint-lighter),
165
- warning-dark: darken($color-warning, $color-tint-dark),
166
- warning-darker: darken($color-warning, $color-tint-darker),
167
- warning-light: lighten($color-warning, $color-tint-light),
168
- warning-lighter: lighten($color-warning, $color-tint-lighter),
169
- success-dark: darken($color-success, $color-tint-dark),
170
- success-darker: darken($color-success, $color-tint-darker),
171
- success-light: lighten($color-success, $color-tint-light),
172
- success-lighter: lighten($color-success, $color-tint-lighter),
173
- error-dark: darken($color-error, $color-tint-dark),
174
- error-darker: darken($color-error, $color-tint-darker),
175
- error-light: lighten($color-error, $color-tint-light),
176
- error-lighter: lighten($color-error, $color-tint-lighter)
177
- );
178
-
179
- //
180
- // Borders
181
- //
182
- $border-width: 1px !default;
183
- $border-style: solid !default;
184
- $border-color: map-get($colors, default) !default;
185
-
186
- //
187
- // Border radius
188
- //
189
- $border-radius: 4px !default;
190
- $border-radius-rounded: 30em !default;
191
-
192
- //
193
- // Box shadows
194
- //
195
- $box-shadow: 0 0 1px rgba(map-get($colors, black), .6) !default;
196
- $box-shadow-high: 0 0 1px rgba(map-get($colors, black), .6), 0 5px 10px -3px rgba(map-get($colors, black), .4) !default;
197
- $box-shadow-higher: 0 0 1px rgba(map-get($colors, black), .6), 0 10px 25px -4px rgba(map-get($colors, black), .4) !default;
198
- $box-shadow-highest: 0 0 1px rgba(map-get($colors, black), .6), 0 20px 55px -8px rgba(map-get($colors, black), .4) !default;
199
-
200
- //
201
- // Focus styles
202
- //
203
- $border-color-focus: map-get($colors, blue) !default;
204
- $box-shadow-focus: inset 0 0 0 2px lighten($border-color-focus, $color-tint) !default;
205
-
206
- //
207
- // Z Indexes
208
- //
209
- $z-over-content: 100 !default;
210
- $z-over-control: 200 !default;
211
- $z-over-page: 300 !default;
212
- $z-over-screen: 400 !default;
213
- $z-over-everything: 500 !default;
214
-
215
- //
216
- // Typography
217
- //
218
- $text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !default;
219
- $text-font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;
220
- $text-font-family-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace !default;
221
- $text-font-size-super: 2em !default;
222
- $text-font-size-xlarge: 1.5em !default;
223
- $text-font-size-large: 1.25em !default;
224
- $text-font-size-medium: 1em !default;
225
- $text-font-size-small: .8em !default;
226
- $text-font-size-xsmall: .67em !default;
227
- $text-font-weight: normal !default;
228
- $text-font-weight-heavy: bold !default;
229
- $text-line-height: 1.55 !default;
230
- $text-color: map-get($colors, black) !default;
231
- $highlight-padding: $spacing-xsmall $spacing-xsmall $spacing-tiny !default;
232
- $highlight-margin: 0 -$spacing-tiny !default;
233
- $highlight-color: map-get($colors, black) !default;
234
- $highlight-background-color: map-get($colors, yellow) !default;
235
- $help-border-bottom: $border-width dashed map-get($colors, grey-dark) !default;
236
- $paragraph-padding: $spacing-small 0 !default;
237
- $paragraph-margin: 0 !default;
238
- $paragraph-font-style: normal !default;
239
- $code-color: $text-color !default;
240
- $code-background-color: map-get($colors, grey-lighter) !default;
241
- $code-font-family: $text-font-family-mono !default;
242
- $code-font-weight: $text-font-weight !default;
243
- $code-multiline-padding: $spacing-small $spacing-medium !default;
244
- $code-multiline-border-radius: $border-radius !default;
245
- $keyboard-color: map-get($colors, white) !default;
246
- $keyboard-background-color: map-get($colors, grey-dark) !default;
247
- $keyboard-border-width: 2px !default;
248
- $keyboard-border-style: $border-style !default;
249
- $keyboard-border-color: map-get($colors, grey-darker) !default;
250
- $keyboard-border: $keyboard-border-width $keyboard-border-style $keyboard-border-color !default;
251
- $keyboard-border-radius: $border-radius !default;
252
- $quotation-padding: $spacing-medium $spacing-large !default;
253
- $quotation-margin: 0 !default;
254
- $quotation-color: map-get($colors, quiet) !default;
255
- $quotation-font-size: $text-font-size-large !default;
256
- $quotation-font-family: $text-font-family-serif !default;
257
- $quotation-border-width: 5px !default;
258
- $quotation-border-style: $border-style !default;
259
- $quotation-border-color: map-get($colors, default) !default;
260
- $quotation-brand-border-color: map-get($colors, brand) !default;
261
- $quotation-info-border-color: map-get($colors, info) !default;
262
- $quotation-warning-border-color: map-get($colors, warning) !default;
263
- $quotation-success-border-color: map-get($colors, success) !default;
264
- $quotation-error-border-color: map-get($colors, error) !default;
265
- $quotation-footer-color: map-get($colors, quiet) !default;
266
- $quotation-footer-font-style: italic !default;
267
-
268
- //
269
- // Addresses
270
- //
271
- $address-font-style: normal !default;
272
- $address-heading-font-weight: $text-font-weight-heavy !default;
273
-
274
- //
275
- // Alerts
276
- //
277
- $alerts-width: 250px !default;
278
- $alerts-background-color: transparent !default;
279
- $alerts-margin: $spacing-medium !default;
280
- $alerts-z-index: $z-over-page !default;
281
- $alert-margin: 0 0 $spacing-medium 0 !default;
282
- $alert-padding: $spacing-medium $spacing-super $spacing-medium $spacing-medium !default;
283
- $alert-background-color: map-get($colors, default) !default;
284
- $alert-brand-background-color: map-get($colors, brand) !default;
285
- $alert-info-background-color: map-get($colors, info) !default;
286
- $alert-warning-background-color: map-get($colors, warning) !default;
287
- $alert-error-background-color: map-get($colors, error) !default;
288
- $alert-success-background-color: map-get($colors, success) !default;
289
- $alert-color: map-get($colors, white) !default;
290
- $alert-border-radius: $border-radius !default;
291
-
292
- //
293
- // Avatar
294
- //
295
- $avatar-margin: 0 !default;
296
- $avatar-background-color: $color-brand !default;
297
- $avatar-color: $color-white !default;
298
- $avatar-img-border-radius: $border-radius-rounded !default;
299
- $avatar-inner-img-size: 50% !default;
300
- $avatar-xsmall-size: 1em !default;
301
- $avatar-small-size: 2em !default;
302
- $avatar-medium-size: 3em !default;
303
- $avatar-large-size: 4em !default;
304
- $avatar-xlarge-size: 5em !default;
305
- $avatar-super-size: 6em !default;
306
-
307
- //
308
- // Badges
309
- //
310
- $badge-padding: $spacing-xsmall $spacing-small !default;
311
- $badge-margin: 0 !default;
312
- $badge-background-color: map-get($colors, default) !default;
313
- $badge-color: map-get($colors, white) !default;
314
- $badge-line-height: 1.2;
315
- $badge-brand-background-color: map-get($colors, brand) !default;
316
- $badge-brand-color: map-get($colors, white) !default;
317
- $badge-info-background-color: map-get($colors, info) !default;
318
- $badge-info-color: map-get($colors, white) !default;
319
- $badge-warning-background-color: map-get($colors, warning) !default;
320
- $badge-warning-color: map-get($colors, white) !default;
321
- $badge-success-background-color: map-get($colors, success) !default;
322
- $badge-success-color: map-get($colors, white) !default;
323
- $badge-error-background-color: map-get($colors, error) !default;
324
- $badge-error-color: map-get($colors, white) !default;
325
- $badge-font-size: .8em !default;
326
- $badge-font-weight: $text-font-weight-heavy !default;
327
- $badge-border-width: $border-width !default;
328
- $badge-border-style: $border-style !default;
329
- $badge-border-color: transparent !default;
330
- $badge-border: $badge-border-width $badge-border-style $badge-border-color !default;
331
- $badge-border-radius: $border-radius !default;
332
- $badge-border-radius-rounded: $border-radius-rounded !default;
333
- $badge-ghost-background-color: transparent !default;
334
- $badge-ghost-brand-background-color: transparent !default;
335
- $badge-ghost-info-background-color: transparent !default;
336
- $badge-ghost-warning-background-color: transparent !default;
337
- $badge-ghost-success-background-color: transparent !default;
338
- $badge-ghost-error-background-color: transparent !default;
339
- $badge-ghost-color: map-get($colors, default) !default;
340
- $badge-ghost-brand-color: map-get($colors, brand) !default;
341
- $badge-ghost-info-color: map-get($colors, info) !default;
342
- $badge-ghost-warning-color: map-get($colors, warning) !default;
343
- $badge-ghost-success-color: map-get($colors, success) !default;
344
- $badge-ghost-error-color: map-get($colors, error) !default;
345
-
346
- //
347
- // Breadcrumbs
348
- //
349
- $breadcrumb-margin: 0 !default;
350
- $breadcrumb-padding: 0 !default;
351
- $breadcrumb-crumb-padding: 0 !default;
352
- $breadcrumb-crumb-separator-content: "/" !default;
353
- $breadcrumb-crumb-separator-font-size: $text-font-size-small !default;
354
- $breadcrumb-crumb-separator-padding: 0 $spacing-small !default;
355
- $breadcrumb-crumb-separator-color: map-get($colors, default) !default;
356
-
357
- //
358
- // Bubbles
359
- //
360
- $bubble-padding: $spacing-medium !default;
361
- $bubble-background-color: map-get($colors, black) !default;
362
- $bubble-color: map-get($colors, white) !default;
363
- $bubble-text-align: center !default;
364
- $bubble-border-radius: $border-radius !default;
365
- $bubble-arrow-width: 10px !default;
366
-
367
- //
368
- // Buttons
369
- //
370
- $button-padding: $spacing-small !default;
371
- $button-margin: 0 !default;
372
- $button-color: map-get($colors, white) !default;
373
- $button-background-color: map-get($colors, default) !default;
374
- $button-brand-color: map-get($colors, white) !default;
375
- $button-brand-background-color: map-get($colors, brand) !default;
376
- $button-info-color: map-get($colors, white) !default;
377
- $button-info-background-color: map-get($colors, info) !default;
378
- $button-warning-color: map-get($colors, white) !default;
379
- $button-warning-background-color: map-get($colors, warning) !default;
380
- $button-success-color: map-get($colors, white) !default;
381
- $button-success-background-color: map-get($colors, success) !default;
382
- $button-error-color: map-get($colors, white) !default;
383
- $button-error-background-color: map-get($colors, error) !default;
384
- $button-disabled-opacity: .5 !default;
385
- $button-font-family: inherit !default;
386
- $button-font-size: 1em !default;
387
- $button-line-height: normal !default;
388
- $button-text-align: center !default;
389
- $button-white-space: nowrap !default;
390
- $button-border-width: $border-width !default;
391
- $button-border-style: $border-style !default;
392
- $button-border-color: transparent !default;
393
- $button-border: $button-border-width $button-border-style $button-border-color !default;
394
- $button-border-radius: $border-radius !default;
395
- $button-focus-border-color: $border-color-focus !default;
396
- $button-focus-box-shadow: $box-shadow-focus !default;
397
- $button-ghost-color: $border-color !default;
398
- $button-ghost-hover-color: map-get($colors, white) !default;
399
- $button-ghost-brand-color: map-get($colors, brand) !default;
400
- $button-ghost-brand-hover-color: map-get($colors, white) !default;
401
- $button-ghost-info-color: map-get($colors, info) !default;
402
- $button-ghost-info-hover-color: map-get($colors, white) !default;
403
- $button-ghost-warning-color: map-get($colors, warning) !default;
404
- $button-ghost-warning-hover-color: map-get($colors, white) !default;
405
- $button-ghost-success-color: map-get($colors, success) !default;
406
- $button-ghost-success-hover-color: map-get($colors, white) !default;
407
- $button-ghost-error-color: map-get($colors, error) !default;
408
- $button-ghost-error-hover-color: map-get($colors, white) !default;
409
- $button-ghost-border-width: $button-border-width !default;
410
- $button-ghost-border-style: $button-border-style !default;
411
- $button-rounded-border-radius: $border-radius-rounded !default;
412
- $button-close-font-weight: $text-font-weight-heavy !default;
413
- $button-close-font-size: 1.4em !default;
414
- $button-icon-left-padding: $spacing-small !default;
415
- $button-icon-right-padding: $spacing-small !default;
416
- $button-super-font-size: $text-font-size-super !default;
417
- $button-xlarge-font-size: $text-font-size-xlarge !default;
418
- $button-large-font-size: $text-font-size-large !default;
419
- $button-medium-font-size: $text-font-size-medium !default;
420
- $button-small-font-size: $text-font-size-small !default;
421
- $button-xsmall-font-size: $text-font-size-xsmall !default;
422
-
423
- //
424
- // Calendars
425
- //
426
- $calendar-padding: $spacing-xsmall !default;
427
- $calendar-max-width: 400px !default;
428
- $calendar-background-color: map-get($colors, white) !default;
429
- $calendar-color: map-get($colors, black) !default;
430
- $calendar-text-align: center !default;
431
- $calendar-border-width: $border-width !default;
432
- $calendar-border-style: $border-style !default;
433
- $calendar-border-color: $border-color !default;
434
- $calendar-border: $calendar-border-width $calendar-border-style $calendar-border-color !default;
435
- $calendar-border-radius: $border-radius !default;
436
- $calendar-control-padding: $spacing-medium $spacing-small !default;
437
- $calendar-control-background-color: map-get($colors, white) !default;
438
- $calendar-control-color: map-get($colors, default) !default;
439
- $calendar-control-date-in-month-color: map-get($colors, black) !default;
440
- $calendar-control-font-size: $text-font-size-medium !default;
441
- $calendar-control-border-width: $border-width !default;
442
- $calendar-control-border-style: $border-style !default;
443
- $calendar-control-border-color: $border-color !default;
444
- $calendar-control-border: $calendar-control-border-width $calendar-control-border-style $calendar-control-border-color !default;
445
- $calendar-control-border-hover: $calendar-control-border !default;
446
- $calendar-control-border-radius: $border-radius !default;
447
- $calendar-control-selected-background-color: map-get($colors, brand) !default;
448
- $calendar-control-selected-color: map-get($colors, white) !default;
449
- $calendar-control-selected-border-color: map-get($colors, brand) !default;
450
- $calendar-header-padding: $spacing-small 0 !default;
451
- $calendar-day-font-weight: $text-font-weight-heavy !default;
452
- $calendar-day-padding: $spacing-small 0 !default;
453
- $calendar-today-border-color: map-get($colors, grey-light) !default;
454
-
455
- //
456
- // Cards
457
- //
458
- $card-margin: $spacing-small 0 0 0 !default;
459
- $card-width: 100% !default;
460
- $card-max-height: 280px !default;
461
- $card-background-color: map-get($colors, white) !default;
462
- $card-z-index: $z-over-content !default;
463
- $card-box-shadow: $box-shadow !default;
464
- $card-border-radius: $border-radius !default;
465
-
466
- $card-image-padding: $spacing-medium 0 0 !default;
467
- $card-header-padding: $spacing-medium $spacing-medium 0 !default;
468
- $card-body-padding: $spacing-medium !default;
469
- $card-footer-padding: $spacing-medium !default;
470
- $card-footer-block-padding: $spacing-small 0 0 !default;
471
-
472
- $card-item-padding: $spacing-small !default;
473
- $card-item-border-width: $border-width !default;
474
- $card-item-border-style: $border-style !default;
475
- $card-item-border-color: rgba(map-get($colors, grey-light), .5) !default;
476
- $card-item-border-bottom: $card-item-border-width $card-item-border-style $card-item-border-color !default;
477
-
478
- $card-item-hover-background-color: map-get($colors, grey-lighter) !default;
479
- $card-item-hover-color: map-get($colors, grey-lighter) !default;
480
-
481
- $card-item-active-background-color: $card-item-border-color !default;
482
- $card-item-active-font-weight: $text-font-weight-heavy !default;
483
-
484
- $card-item-disabled-opacity: .6 !default;
485
-
486
- $card-item-divider-background-color: map-get($colors, grey-dark) !default;
487
- $card-item-divider-color: map-get($colors, white) !default;
488
- $card-item-divider-font-weight: $text-font-weight-heavy !default;
489
-
490
- $card-item-brand-background-color: map-get($colors, brand) !default;
491
- $card-item-info-background-color: map-get($colors, info) !default;
492
- $card-item-warning-background-color: map-get($colors, warning) !default;
493
- $card-item-success-background-color: map-get($colors, success) !default;
494
- $card-item-error-background-color: map-get($colors, error) !default;
495
-
496
- $card-item-brand-color: map-get($colors, white) !default;
497
- $card-item-info-color: map-get($colors, white) !default;
498
- $card-item-warning-color: map-get($colors, white) !default;
499
- $card-item-success-color: map-get($colors, white) !default;
500
- $card-item-error-color: map-get($colors, white) !default;
501
-
502
- $card-item-brand-hover-background-color: map-get($colors, brand-light) !default;
503
- $card-item-info-hover-background-color: map-get($colors, info-light) !default;
504
- $card-item-warning-hover-background-color: map-get($colors, warning-light) !default;
505
- $card-item-success-hover-background-color: map-get($colors, success-light) !default;
506
- $card-item-error-hover-background-color: map-get($colors, error-light) !default;
507
-
508
- $card-item-brand-active-background-color: map-get($colors, brand-dark) !default;
509
- $card-item-info-active-background-color: map-get($colors, info-dark) !default;
510
- $card-item-warning-active-background-color: map-get($colors, warning-dark) !default;
511
- $card-item-success-active-background-color: map-get($colors, success-dark) !default;
512
- $card-item-error-active-background-color: map-get($colors, error-dark) !default;
513
-
514
- $card-accordion-chevron-border: 2px solid !default;
515
- $card-accordion-chevron-size: .75em !default;
516
-
517
- //
518
- // Drawers
519
- //
520
- $drawer-width-horizontal: 80% !default;
521
- $drawer-width-vertical: 260px !default;
522
- $drawer-background-color: map-get($colors, white) !default;
523
- $drawer-color: map-get($colors, black) !default;
524
- $drawer-border-radius: $border-radius !default;
525
- $drawer-z-index: $z-over-everything !default;
526
- $drawer-heading-padding: $spacing-medium !default;
527
- $drawer-body-padding: $spacing-small !default;
528
- $drawer-footer-padding: $spacing-small !default;
529
- $drawer-footer-block-padding: 0 !default;
530
- $drawer-footer-block-button-border-radius: 0 !default;
531
-
532
- //
533
- // Headings
534
- //
535
- $heading-margin: 0 !default;
536
- $heading-padding: $spacing-medium 0 $spacing-small !default;
537
- $heading-font-weight: $text-font-weight !default;
538
- $heading-subheading-padding: 0 !default;
539
- $heading-subheading-opacity: .6 !default;
540
- $heading-subheading-font-size: $text-font-size-medium * .8 !default;
541
-
542
- //
543
- // Hints
544
- //
545
- $hint-padding: 0 $spacing-small !default;
546
- $hint-color: map-get($colors, grey-darker) !default;
547
- $hint-font-size: $text-font-size-medium !default;
548
- $hint-success-color: map-get($colors, success) !default;
549
- $hint-error-color: map-get($colors, error) !default;
550
-
551
- //
552
- // Inputs
553
- //
554
- $label-padding: $spacing-medium 0 !default;
555
- $label-field-margin: $spacing-small 0 0 0 !default;
556
- $field-padding: $spacing-small !default;
557
- $field-margin: 0 !default;
558
- $field-color: inherit !default;
559
- $field-background-color: map-get($colors, white) !default;
560
- $field-font-size: $text-font-size-medium !default;
561
- $field-font-size-super: $text-font-size-super !default;
562
- $field-font-size-xlarge: $text-font-size-xlarge !default;
563
- $field-font-size-large: $text-font-size-large !default;
564
- $field-font-size-medium: $text-font-size-medium !default;
565
- $field-font-size-small: $text-font-size-small !default;
566
- $field-font-size-xsmall: $text-font-size-xsmall !default;
567
- $field-font-weight: $text-font-weight !default;
568
- $field-border-width: $border-width !default;
569
- $field-border-style: $border-style !default;
570
- $field-border-color: $border-color !default;
571
- $field-border: $field-border-width $field-border-style $field-border-color !default;
572
- $field-border-radius: $border-radius !default;
573
- $field-focus-border-color: $border-color-focus !default;
574
- $field-focus-box-shadow: $box-shadow-focus !default;
575
- $field-disabled-background-color: map-get($colors, grey-lighter) !default;
576
- $field-disabled-border-color: $border-color !default;
577
- $field-disabled-color: map-get($colors, disabled) !default;
578
- $field-error-border-color: map-get($colors, error) !default;
579
- $field-error-color: map-get($colors, error) !default;
580
- $field-success-border-color: map-get($colors, success) !default;
581
- $field-success-color: $field-color !default;
582
- $checkbox-margin: $spacing-tiny !default;
583
- $checkbox-font-size: $text-font-size-medium !default;
584
- $checkbox-background-color: transparent !default;
585
- $checkbox-border: 0 !default;
586
- $fieldset-padding: 0 !default;
587
- $fieldset-margin: $spacing-small 0 !default;
588
- $fieldset-width: 100% !default;
589
- $fieldset-border: 0 !default;
590
- $legend-padding: $spacing-xsmall 0 !default;
591
- $form-element-padding: $spacing-medium 0 !default;
592
- $form-element-label-padding: 0 0 $spacing-small 0 !default;
593
-
594
- //
595
- // Links
596
- //
597
- $link-color: map-get($colors, blue-dark) !default;
598
- $link-brand-color: map-get($colors, brand) !default;
599
- $link-info-color: map-get($colors, info) !default;
600
- $link-warning-color: map-get($colors, warning) !default;
601
- $link-success-color: map-get($colors, success) !default;
602
- $link-error-color: map-get($colors, error) !default;
603
- $link-text-decoration: none !default;
604
- $link-hover-text-decoration: underline !default;
605
-
606
- //
607
- // Lists
608
- //
609
- $list-margin: 0 !default;
610
- $list-padding: 0 0 0 $spacing-medium !default;
611
- $list-unstyled-padding: 0 !default;
612
- $list-unstyled-list-style: none !default;
613
- $list-nested-padding: $list-padding !default;
614
- $list-item-padding: 0 !default;
615
- $list-item-unstyled-list-style: none !default;
616
- $list-ordered-item-padding: 0 $spacing-small 0 0 !default;
617
- $list-inline-padding: 0 !default;
618
- $list-inline-item-padding-right: $spacing-medium !default;
619
- $list-inline-item-bullet-content: "\2022" !default;
620
- $list-inline-item-bullet-padding: 0 $spacing-small 0 0 !default;
621
-
622
- //
623
- // Medias
624
- //
625
- $media-image-width: $avatar-medium-size !default;
626
- $media-body-margin-left: $spacing-small !default;
627
-
628
- //
629
- // Modals
630
- //
631
- $modal-width: 80% !default;
632
- $modal-background-color: map-get($colors, white) !default;
633
- $modal-border-width: 0 !default;
634
- $modal-border-style: $border-style !default;
635
- $modal-border-color: $border-color !default;
636
- $modal-border: $modal-border-width $modal-border-style $modal-border-color !default;
637
- $modal-border-radius: $border-radius !default;
638
- $modal-z-index: $z-over-everything !default;
639
- $modal-header-text-align: center !default;
640
- $modal-body-padding: $spacing-medium !default;
641
- $modal-footer-padding: $spacing-medium !default;
642
- $modal-footer-block-padding: $spacing-large 0 0 0 !default;
643
- $modal-footer-block-button-border-radius: 0 !default;
644
- $modal-ghost-background-color: transparent !default;
645
- $modal-ghost-color: map-get($colors, white) !default;
646
- $modal-ghost-heading-color: map-get($colors, white) !default;
647
-
648
- //
649
- // Navs
650
- //
651
- $nav-height: 3.5em !default;
652
- $nav-width: 100% !default;
653
- $nav-padding: 0 !default;
654
- $nav-margin: 0 !default;
655
- $nav-background-color: map-get($colors, black) !default;
656
- $nav-color: map-get($colors, white) !default;
657
- $nav-z-index: $z-over-page !default;
658
- $nav-light-background-color: map-get($colors, beige) !default;
659
- $nav-light-color: map-get($colors, brown-darker) !default;
660
- $nav-item-padding: $spacing-medium !default;
661
- $nav-item-letter-spacing: 1px !default;
662
- $nav-item-hover-background-color: map-get($colors, grey-darker) !default;
663
- $nav-item-hover-color: map-get($colors, white) !default;
664
- $nav-item-brand-hover-background-color: map-get($colors, brand) !default;
665
- $nav-item-brand-hover-color: map-get($colors, white) !default;
666
- $nav-item-info-hover-background-color: map-get($colors, info) !default;
667
- $nav-item-info-hover-color: map-get($colors, white) !default;
668
- $nav-item-warning-hover-background-color: map-get($colors, warning) !default;
669
- $nav-item-warning-hover-color: map-get($colors, white) !default;
670
- $nav-item-success-hover-background-color: map-get($colors, success) !default;
671
- $nav-item-success-hover-color: map-get($colors, white) !default;
672
- $nav-item-error-hover-background-color: map-get($colors, error) !default;
673
- $nav-item-error-hover-color: map-get($colors, white) !default;
674
- $nav-item-active-background-color: map-get($colors, grey-darker) !default;
675
- $nav-item-active-color: map-get($colors, white) !default;
676
- $nav-item-brand-active-background-color: map-get($colors, brand) !default;
677
- $nav-item-brand-active-color: map-get($colors, white) !default;
678
- $nav-item-info-active-background-color: map-get($colors, info) !default;
679
- $nav-item-info-active-color: map-get($colors, white) !default;
680
- $nav-item-warning-active-background-color: map-get($colors, warning) !default;
681
- $nav-item-warning-active-color: map-get($colors, white) !default;
682
- $nav-item-success-active-background-color: map-get($colors, success) !default;
683
- $nav-item-success-active-color: map-get($colors, white) !default;
684
- $nav-item-error-active-background-color: map-get($colors, error) !default;
685
- $nav-item-error-active-color: map-get($colors, white) !default;
686
-
687
- //
688
- // Overlays
689
- //
690
- $overlay-background-color: map-get($colors, black) !default;
691
- $overlay-z-index: $z-over-screen !default;
692
- $overlay-transparent-background-color: transparent !default;
693
-
694
- //
695
- // Pagination
696
- //
697
- $pagination-padding: $spacing-medium !default;
698
- $pagination-width: 100% !default;
699
- $pagination-font-size: $text-font-size-small !default;
700
- $pagination-control-color: map-get($colors, brand) !default;
701
- $pagination-control-border-radius: $border-radius-rounded !default;
702
- $pagination-page-color: map-get($colors, brand) !default;
703
- $pagination-page-current-background-color: map-get($colors, brand) !default;
704
- $pagination-page-current-color: map-get($colors, white) !default;
705
- $pagination-ellipsis-padding: 0 $spacing-medium !default;
706
-
707
- //
708
- // Panels
709
- //
710
- $panel-nav-top: ($nav-item-padding * 2) + ($text-line-height * 1em) !default;
711
- $panel-nav-bottom: $panel-nav-top !default;
712
-
713
- //
714
- // Progress
715
- //
716
- $progress-background-color: map-get($colors, grey-lighter) !default;
717
- $progress-color: $color-white !default;
718
- $progress-border: 0 !default;
719
- $progress-border-radius: $border-radius !default;
720
- $progress-rounded-border-radius: $border-radius-rounded !default;
721
- $progress-bar-background-color: $color-default !default;
722
- $progress-bar-text-align: center !default;
723
-
724
- //
725
- // Ranges
726
- //
727
- $range-width: 100% !default;
728
- $range-height: 10px !default;
729
- $range-padding: $spacing-small 0 !default;
730
- $range-background-color: map-get($colors, default) !default;
731
- $range-brand-background-color: map-get($colors, brand) !default;
732
- $range-info-background-color: map-get($colors, info) !default;
733
- $range-warning-background-color: map-get($colors, warning) !default;
734
- $range-success-background-color: map-get($colors, success) !default;
735
- $range-error-background-color: map-get($colors, error) !default;
736
- $range-border-width: $border-width !default;
737
- $range-border-style: $border-style !default;
738
- $range-border-color: transparent !default;
739
- $range-border: 0 !default;
740
- $range-border-radius: $border-radius-rounded !default;
741
- $range-box-shadow: none !default;
742
- $range-disabled-background-color: map-get($colors, grey-lighter) !default;
743
- $range-thumb-height: 20px !default;
744
- $range-thumb-width: 20px !default;
745
- $range-thumb-margin: -5px 0 0 0 !default;
746
- $range-thumb-background-color: map-get($colors, white) !default;
747
- $range-thumb-border-width: $border-width !default;
748
- $range-thumb-border-style: $border-style !default;
749
- $range-thumb-border-color: transparent !default;
750
- $range-thumb-border: 0 !default;
751
- $range-thumb-border-radius: $border-radius-rounded !default;
752
- $range-thumb-box-shadow: 0 1px 4px -1px map-get($colors, black) !default;
753
- $range-thumb-focus-border-color: $border-color-focus !default;
754
- $range-thumb-focus-box-shadow: $box-shadow-focus !default;
755
-
756
- //
757
- // Tables
758
- //
759
- $table-width: 100% !default;
760
- $table-margin: 0 !default;
761
- $table-padding: 0 !default;
762
- $table-border-width: $border-width !default;
763
- $table-border-style: $border-style !default;
764
- $table-border-color: $border-color !default;
765
- $table-border: 0 !default;
766
- $table-caption-padding: $spacing-small 0 !default;
767
- $table-caption-color: map-get($colors, quiet) !default;
768
- $table-caption-max-width: 100% !default;
769
- $table-caption-font-size: $text-font-size-small !default;
770
- $table-caption-text-align: left !default;
771
- $table-cell-padding: $spacing-small !default;
772
- $table-cell-text-align: left !default;
773
- $table-heading-background-color: map-get($colors, grey-light) !default;
774
- $table-heading-color: initial !default;
775
- $table-heading-border-width: $border-width !default;
776
- $table-heading-border-style: $border-style !default;
777
- $table-heading-border-color: map-get($colors, grey) !default;
778
- $table-heading-border: $table-heading-border-width $table-heading-border-style $table-heading-border-color !default;
779
- $table-heading-font-size: $text-font-size-medium * 1.05 !default;
780
- $table-heading-font-weight: $text-font-weight-heavy !default;
781
- $table-heading-striped-color: initial !default;
782
- $table-heading-striped-background-color: map-get($colors, white) !default;
783
- $table-row-striped-color: initial !default;
784
- $table-row-striped-background-color: map-get($colors, grey-lighter) !default;
785
- $table-row-clickable-color: $link-color !default;
786
- $table-row-clickable-background-color: initial !default;
787
- $table-row-disabled-color: map-get($colors, disabled) !default;
788
- $table-row-disabled-background-color: initial !default;
789
- $table-condensed-font-size: $text-font-size-small !default;
790
- $table-condensed-cell-padding: $spacing-xsmall !default;
791
-
792
- //
793
- // Tabs
794
- //
795
- $tab-headings-text-align: center !default;
796
- $tab-heading-padding: $spacing-medium !default;
797
- $tab-heading-margin: 0 !default;
798
- $tab-heading-box-shadow-color: map-get($colors, grey-lighter) !default;
799
- $tab-heading-active-box-shadow-color: map-get($colors, default) !default;
800
- $tab-heading-brand-active-box-shadow-color: map-get($colors, brand) !default;
801
- $tab-heading-info-active-box-shadow-color: map-get($colors, info) !default;
802
- $tab-heading-warning-active-box-shadow-color: map-get($colors, warning) !default;
803
- $tab-heading-success-active-box-shadow-color: map-get($colors, success) !default;
804
- $tab-heading-error-active-box-shadow-color: map-get($colors, error) !default;
805
- $tab-heading-disabled-color: map-get($colors, disabled) !default;
806
- $tab-heading-disabled-background-color: initial !default;
807
- $tab-padding: $spacing-medium !default;
808
-
809
- //
810
- // Tags
811
- //
812
- $tags-width: 100% !default;
813
- $tags-text-align: left !default;
814
- $tag-padding: $spacing-small $spacing-large $spacing-small $spacing-small !default;
815
- $tag-margin: $spacing-tiny !default;
816
- $tag-close-color: map-get($colors, grey-lighter) !default;
817
- $tag-close-font-weight: $text-font-weight-heavy !default;
818
- $tags-container-width: 70% !default;
819
- $tags-field-container-margin: $spacing-tiny !default;
820
- $tags-field-container-width: 30% !default;
821
-
822
- //
823
- // Toggles
824
- //
825
- $toggle-margin: 0 .5em !default;
826
- $toggle-track-background-color: map-get($colors, default) !default;
827
- $toggle-track-brand-background-color: map-get($colors, brand) !default;
828
- $toggle-track-info-background-color: map-get($colors, info) !default;
829
- $toggle-track-warning-background-color: map-get($colors, warning) !default;
830
- $toggle-track-success-background-color: map-get($colors, success) !default;
831
- $toggle-track-error-background-color: map-get($colors, error) !default;
832
- $toggle-track-border-radius: $border-radius-rounded !default;
833
- $toggle-track-unchecked-background-color: map-get($colors, grey-lighter) !default;
834
- $toggle-track-disabled-background-color: map-get($colors, grey-lighter) !default;
835
- $toggle-handle-background-color: map-get($colors, white) !default;
836
- $toggle-handle-border-radius: $border-radius-rounded !default;
837
- $toggle-handle-box-shadow: 0 1px 4px -1px map-get($colors, black) !default;
838
- $toggle-handle-disabled-background-color: map-get($colors, grey-lighter) !default;
839
-
840
- //
841
- // Tooltips
842
- //
843
- $tooltip-z-index: $z-over-page !default;
844
- $tooltip-arrow-width: .6em !default;
845
- $tooltip-body-padding: $spacing-small $spacing-medium !default;
846
- $tooltip-body-background-color: map-get($colors, black) !default;
847
- $tooltip-body-color: map-get($colors, white) !default;
848
- $tooltip-line-height: 1.45 !default;
849
- $tooltip-body-border-width: 1px !default;
850
- $tooltip-body-border-style: solid !default;
851
- $tooltip-body-border-color: $tooltip-body-background-color !default;
852
- $tooltip-body-border-radius: $border-radius !default;
853
-
854
- //
855
- // Trees
856
- //
857
- $tree-padding: 0 !default;
858
- $tree-margin: 0 !default;
859
- $tree-nested-padding: 0 0 0 $spacing-medium !default;
860
- $tree-item-padding: 0 !default;
861
- $tree-item-indicator-padding: 0 $spacing-small 0 0 !default;
862
- $tree-item-indicator-color: map-get($colors, grey-light) !default;
863
- $tree-item-expandable-indicator-color: map-get($colors, grey) !default;
864
- $tree-item-expanded-indicator-color: map-get($colors, grey-darker) !default;