activeadmin_blaze_theme 0.7.0 → 0.7.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +13 -0
  3. data/README.md +30 -8
  4. data/activeadmin_blaze_theme.gemspec +1 -13
  5. data/app/assets/stylesheets/activeadmin_blaze_theme/_contents.scss +1 -0
  6. data/app/assets/stylesheets/activeadmin_blaze_theme/_tables.scss +1 -1
  7. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.colors.scss +30 -0
  8. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.scss +43 -49
  9. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.addresses.scss +12 -0
  10. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.alerts.scss +59 -0
  11. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.avatars.scss +36 -0
  12. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.badges.scss +60 -0
  13. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.breadcrumbs.scss +20 -0
  14. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.bubbles.scss +49 -0
  15. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.buttons.scss +77 -0
  16. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.calendars.scss +69 -0
  17. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.cards.scss +213 -0
  18. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.headings.scss +14 -0
  19. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.hints.scss +27 -0
  20. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.input-groups.scss +163 -0
  21. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss +135 -0
  22. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.links.scss +31 -0
  23. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.lists.scss +60 -0
  24. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.navs.scss +126 -0
  25. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss +33 -0
  26. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.pagination.scss +42 -0
  27. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.progress.scss +51 -0
  28. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.ranges.scss +114 -0
  29. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tables.scss +88 -0
  30. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tabs.scss +72 -0
  31. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.tags.scss +42 -0
  32. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.toggles.scss +74 -0
  33. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{_components.tooltips.scss → components.tooltips.scss} +30 -28
  34. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.trees.scss +47 -0
  35. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss +95 -0
  36. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/generics.global.scss +13 -0
  37. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.alerts.scss +6 -0
  38. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.badges.scss +8 -0
  39. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.buttons.scss +43 -82
  40. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.inputs.scss +40 -2
  41. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.links.scss +22 -0
  42. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.lists.scss +10 -0
  43. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.navs.scss +29 -0
  44. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.ranges.scss +89 -0
  45. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.tabs.scss +5 -0
  46. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.toggles.scss +6 -0
  47. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_components.typography.scss +25 -0
  48. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.containers.scss +10 -0
  49. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss +10 -38
  50. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_settings.global.scss +864 -0
  51. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss +34 -13
  52. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.boxing.scss +125 -0
  53. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.visibility.scss +46 -6
  54. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss +29 -0
  55. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.drawers.scss +88 -0
  56. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.forms.scss +25 -0
  57. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{_objects.grid.responsive.scss → objects.grid.responsive.scss} +14 -14
  58. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{_objects.grid.scss → objects.grid.scss} +2 -2
  59. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{_objects.images.scss → objects.images.scss} +1 -1
  60. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{_objects.media.scss → objects.media.scss} +3 -3
  61. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.modals.scss +58 -0
  62. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{_objects.panels.scss → objects.panels.scss} +11 -1
  63. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/themes/blaze.example.scss +7 -0
  64. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/{_utilities.alignment.scss → utilities.alignment.scss} +1 -1
  65. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.boxing.scss +101 -0
  66. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss +19 -0
  67. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss +25 -0
  68. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.visibility.scss +45 -0
  69. data/lib/activeadmin_blaze_theme.rb +3 -3
  70. data/lib/activeadmin_blaze_theme/version.rb +1 -1
  71. data/package.json +1 -1
  72. metadata +59 -206
  73. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.addresses.scss +0 -11
  74. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.alerts.scss +0 -78
  75. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.avatars.scss +0 -38
  76. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.back-to-top.scss +0 -17
  77. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.badges.scss +0 -71
  78. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.breadcrumbs.scss +0 -24
  79. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.buttons.scss +0 -91
  80. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.calendars.scss +0 -80
  81. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.cards.scss +0 -195
  82. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.divider.scss +0 -39
  83. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.file-upload.scss +0 -24
  84. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.github-buttons.scss +0 -131
  85. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.headings.scss +0 -12
  86. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.hints.scss +0 -21
  87. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.input-groups.scss +0 -164
  88. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.inputs.scss +0 -128
  89. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.links.scss +0 -72
  90. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.lists.scss +0 -64
  91. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.navs.scss +0 -83
  92. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.overlays.scss +0 -23
  93. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.pagination.scss +0 -31
  94. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.progress.scss +0 -83
  95. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.ranges.scss +0 -176
  96. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tables.scss +0 -86
  97. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tabs.scss +0 -68
  98. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.tags.scss +0 -39
  99. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.timelines.scss +0 -113
  100. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.toggles.scss +0 -89
  101. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_components.trees.scss +0 -48
  102. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_generics.global.scss +0 -17
  103. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.containers.scss +0 -37
  104. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.drawers.scss +0 -91
  105. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.forms.scss +0 -25
  106. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_objects.modals.scss +0 -70
  107. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.boxing.scss +0 -111
  108. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.elevation.scss +0 -17
  109. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.radius.scss +0 -11
  110. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.sizes.scss +0 -23
  111. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.typography.scss +0 -160
  112. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_utilities.visibility.scss +0 -54
  113. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/_variables.scss +0 -93
  114. data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.states.scss +0 -7
@@ -1,39 +0,0 @@
1
- @import 'mixins/objects.grid';
2
-
3
- .c-divider {
4
- @include grid;
5
- @include grid--center;
6
- height: 2em;
7
- font-weight: var(--text-font-weight-heavy);
8
- border: 0;
9
-
10
- &::before,
11
- &::after {
12
- @include grid__cell;
13
- @include grid__cell--auto;
14
- border-top: 1px solid var(--color-default);
15
- content: '';
16
- }
17
-
18
- &.c-divider--dashed {
19
- &::before,
20
- &::after {
21
- margin-right: 1px;
22
- border-top-style: dashed;
23
- }
24
- }
25
-
26
- &.c-divider--dotted {
27
- &::before,
28
- &::after {
29
- margin-right: 1px;
30
- border-top-style: dotted;
31
- }
32
- }
33
- }
34
-
35
- .c-divider__content {
36
- padding-right: var(--grid-gutter);
37
- padding-left: var(--grid-gutter);
38
- text-align: center;
39
- }
@@ -1,24 +0,0 @@
1
- .c-file-upload {
2
- position: relative;
3
- display: inline-block;
4
- overflow: hidden;
5
-
6
- &--drop {
7
- display: block;
8
- padding: var(--spacing-medium);
9
- line-height: 10;
10
- text-align: center;
11
- background-color: var(--color-background);
12
- border: 3px dashed var(--color-dark);
13
- border-radius: var(--border-radius);
14
- }
15
-
16
- input[type='file'] {
17
- position: absolute;
18
- top: 0;
19
- left: 0;
20
- width: 100%;
21
- height: 100%;
22
- opacity: 0;
23
- }
24
- }
@@ -1,131 +0,0 @@
1
- .c-github-button {
2
- display: inline-block;
3
- overflow: hidden;
4
- font-size: 0;
5
- font-family: var(--text-font-family-sans-serif);
6
- white-space: nowrap;
7
- user-select: none;
8
- }
9
-
10
- .c-github-button__link {
11
- display: inline-block;
12
- height: 18px;
13
- padding: 0 5px;
14
- color: #24292e;
15
- font-weight: 600;
16
- line-height: 18px;
17
- text-decoration: none;
18
- vertical-align: bottom;
19
- border: 1px solid #d1d2d3;
20
- border-radius: 0.25em;
21
- outline: 0;
22
- cursor: pointer;
23
-
24
- &:focus {
25
- border-color: #c8e1ff;
26
- }
27
- }
28
-
29
- .c-github-button__link--button {
30
- font-size: 11px;
31
- background-color: #eff3f6;
32
- background-image: linear-gradient(to bottom, #fafbfc, #e4ebf0);
33
- background-repeat: repeat-x;
34
- background-size: 110% 110%;
35
-
36
- &:active {
37
- background-color: #e9ecef;
38
- background-image: none;
39
- border-color: #afb1b2;
40
- box-shadow: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
41
- }
42
-
43
- &:hover {
44
- background-color: #e6ebf1;
45
- background-image: linear-gradient(to bottom, #f0f3f6, #dce3ec);
46
- border-color: #afb1b2;
47
- }
48
- }
49
-
50
- .c-github-button__link--count {
51
- position: relative;
52
- margin-left: 5px;
53
- font-size: 10px;
54
- background-color: #fff;
55
-
56
- &:hover {
57
- color: #0366d6;
58
- }
59
-
60
- b,
61
- i {
62
- position: absolute;
63
- top: 50%;
64
- left: 0;
65
- display: block;
66
- width: 0;
67
- height: 0;
68
- margin: -4px 0 0 -4px;
69
- border: solid transparent;
70
- border-width: 4px 4px 4px 0;
71
- }
72
-
73
- b {
74
- border-right-color: #d1d2d3;
75
- }
76
-
77
- &:focus b {
78
- border-right-color: #c8e1ff;
79
- }
80
-
81
- i {
82
- margin-left: -3px;
83
- border-right-color: #fff;
84
- }
85
- }
86
-
87
- .c-github-button__icon {
88
- position: relative;
89
- top: 2px;
90
- display: inline-block;
91
- height: 14px;
92
- vertical-align: top;
93
- fill: currentColor;
94
- }
95
-
96
- .u-large {
97
- .c-github-button__link {
98
- height: 26px;
99
- line-height: 26px;
100
- }
101
-
102
- .c-github-button__link--button {
103
- padding: 0 10px;
104
- font-size: 12px;
105
- }
106
-
107
- .c-github-button__link--count {
108
- margin-left: 7px;
109
- padding: 0 7px;
110
- font-size: 11px;
111
-
112
- b,
113
- i {
114
- margin: -5px 0 0 -5px;
115
- border-width: 5px 5px 5px 0;
116
- }
117
-
118
- i {
119
- margin-left: -4px;
120
- }
121
- }
122
-
123
- .c-github-button__icon {
124
- top: 4px;
125
- height: 18px;
126
- }
127
- }
128
-
129
- .c-github-button__label {
130
- text-transform: capitalize;
131
- }
@@ -1,12 +0,0 @@
1
- .c-heading,
2
- .c-heading__sub {
3
- margin: 0;
4
- padding: var(--spacing-medium) 0 var(--spacing-small);
5
- font-weight: var(--text-font-weight-heavy);
6
- }
7
-
8
- .c-heading__sub {
9
- padding: 0;
10
- font-size: calc(var(--text-font-size-medium) * 0.8);
11
- opacity: 0.6;
12
- }
@@ -1,21 +0,0 @@
1
- .c-hint[role='tooltip'] {
2
- position: absolute;
3
- padding: var(--spacing-tiny) 0;
4
- color: var(--color-default);
5
- font-size: var(--text-font-size-medium);
6
- transform: scale(0.8);
7
- transform-origin: top left;
8
- opacity: 0;
9
- pointer-events: none;
10
-
11
- &.c-hint--static {
12
- transform: scale(0.9);
13
- opacity: 1;
14
- }
15
- }
16
-
17
- .c-field:focus ~ .c-hint,
18
- .c-label__field:focus ~ .c-hint {
19
- transform: scale(0.9);
20
- opacity: 1;
21
- }
@@ -1,164 +0,0 @@
1
- @import 'mixins/objects.grid';
2
- @import 'mixins/components.inputs';
3
-
4
- .c-input-group {
5
- @include grid;
6
-
7
- .c-button {
8
- border-radius: 0;
9
-
10
- &:not(:first-child) {
11
- border-left-width: 0;
12
- }
13
-
14
- &:first-child {
15
- border-top-left-radius: var(--border-radius);
16
- border-bottom-left-radius: var(--border-radius);
17
- }
18
-
19
- &:last-child {
20
- border-top-right-radius: var(--border-radius);
21
- border-bottom-right-radius: var(--border-radius);
22
- }
23
- }
24
-
25
- .o-field {
26
- @include grid__cell--fit;
27
-
28
- .c-field {
29
- border-radius: 0;
30
- }
31
-
32
- &:not(:first-child) .c-field {
33
- border-left-width: 0;
34
- }
35
-
36
- &:first-child .c-field {
37
- border-top-left-radius: var(--border-radius);
38
- border-bottom-left-radius: var(--border-radius);
39
- }
40
-
41
- &:last-child .c-field {
42
- border-top-right-radius: var(--border-radius);
43
- border-bottom-right-radius: var(--border-radius);
44
- }
45
-
46
- &--fixed {
47
- @include grid__cell--width-fixed;
48
- }
49
- }
50
- }
51
-
52
- .c-input-group--label {
53
- .o-field,
54
- .c-button {
55
- margin: var(--spacing-small) 0 0 0;
56
- }
57
- }
58
-
59
- .c-input-group--rounded {
60
- .c-button {
61
- &:first-child {
62
- border-top-left-radius: var(--border-radius-rounded);
63
- border-bottom-left-radius: var(--border-radius-rounded);
64
- }
65
-
66
- &:last-child {
67
- border-top-right-radius: var(--border-radius-rounded);
68
- border-bottom-right-radius: var(--border-radius-rounded);
69
- }
70
- }
71
-
72
- .o-field {
73
- &:first-child .c-field {
74
- border-top-left-radius: var(--border-radius-rounded);
75
- border-bottom-left-radius: var(--border-radius-rounded);
76
- }
77
-
78
- &:last-child .c-field {
79
- border-top-right-radius: var(--border-radius-rounded);
80
- border-bottom-right-radius: var(--border-radius-rounded);
81
- }
82
- }
83
- }
84
-
85
- .c-input-group--rounded-left {
86
- .c-button {
87
- &:first-child {
88
- border-top-left-radius: var(--border-radius-rounded);
89
- border-bottom-left-radius: var(--border-radius-rounded);
90
- }
91
- }
92
-
93
- .o-field {
94
- &:first-child .c-field {
95
- border-top-left-radius: var(--border-radius-rounded);
96
- border-bottom-left-radius: var(--border-radius-rounded);
97
- }
98
- }
99
- }
100
-
101
- .c-input-group--rounded-right {
102
- .c-button {
103
- &:last-child {
104
- border-top-right-radius: var(--border-radius-rounded);
105
- border-bottom-right-radius: var(--border-radius-rounded);
106
- }
107
- }
108
-
109
- .o-field {
110
- &:last-child .c-field {
111
- border-top-right-radius: var(--border-radius-rounded);
112
- border-bottom-right-radius: var(--border-radius-rounded);
113
- }
114
- }
115
- }
116
-
117
- .c-input-group--stacked {
118
- @include grid;
119
- @include grid--wrap;
120
-
121
- .o-field,
122
- .c-button {
123
- @include grid__cell--full;
124
- }
125
-
126
- .c-button {
127
- &:not(:first-child) {
128
- border-top: 0;
129
- border-left-width: var(--border-width);
130
- }
131
-
132
- &:not(:first-child):not(:last-child) {
133
- border-radius: 0;
134
- }
135
-
136
- &:first-child {
137
- border-radius: var(--border-radius) var(--border-radius) 0 0;
138
- }
139
-
140
- &:last-child {
141
- border-radius: 0 0 var(--border-radius) var(--border-radius);
142
- }
143
- }
144
-
145
- .o-field {
146
- &:not(:first-child) .c-field {
147
- border-top: 0;
148
- border-left-width: var(--border-width);
149
- }
150
-
151
- &:not(:first-child):not(:last-child) .c-field {
152
- border-left-width: var(--border-width);
153
- border-radius: 0;
154
- }
155
-
156
- &:first-child .c-field {
157
- border-radius: var(--border-radius) var(--border-radius) 0 0;
158
- }
159
-
160
- &:last-child .c-field {
161
- border-radius: 0 0 var(--border-radius) var(--border-radius);
162
- }
163
- }
164
- }
@@ -1,128 +0,0 @@
1
- @import 'mixins/components.inputs';
2
-
3
- .o-field {
4
- position: relative;
5
-
6
- .c-icon[aria-hidden] {
7
- position: absolute;
8
- top: 50%;
9
- transform: translateY(-50%);
10
- }
11
-
12
- &.o-field--autocomplete {
13
- position: relative;
14
-
15
- .c-card--menu {
16
- position: absolute;
17
- }
18
- }
19
- }
20
-
21
- .o-field--icon-right {
22
- .c-field + .c-icon {
23
- right: var(--spacing-small);
24
- }
25
-
26
- .c-field {
27
- padding-right: calc(var(--spacing-small) * 4);
28
- }
29
- }
30
-
31
- .o-field--icon-left {
32
- .c-icon:first-child {
33
- left: var(--spacing-small);
34
- }
35
-
36
- .c-field {
37
- padding-left: calc(var(--spacing-small) * 4);
38
- }
39
- }
40
-
41
- .c-fieldset,
42
- .c-fieldset.c-list {
43
- display: block;
44
- width: 100%;
45
- margin: var(--spacing-small) 0;
46
- padding: 0;
47
- border: 0;
48
- }
49
-
50
- .c-fieldset__legend {
51
- @include label;
52
- padding: var(--spacing-xsmall) 0;
53
- }
54
-
55
- // LABELS
56
- .c-label {
57
- @include label;
58
- }
59
-
60
- // TEXT FIELDS
61
- .c-field {
62
- @include disabled;
63
- display: block;
64
- width: 100%;
65
- margin: 0;
66
- padding: var(--spacing-small);
67
- font-weight: var(--text-font-weight);
68
- font-size: var(--text-font-size-medium);
69
- font-family: inherit;
70
- background-color: #fff;
71
- border: var(--border-width) var(--border-style) var(--border-color);
72
- border-radius: var(--border-radius);
73
- outline: 0;
74
- -webkit-appearance: none;
75
- appearance: none;
76
-
77
- &:focus {
78
- border-color: var(--border-color-focus);
79
- box-shadow: var(--box-shadow-focus);
80
- }
81
- }
82
-
83
- // SELECTS, CHECKBOXES AND RADIOS
84
- select.c-field {
85
- &::-ms-expand {
86
- display: none;
87
- }
88
- }
89
-
90
- // SELECTS
91
- select.c-field:not([multiple]) {
92
- padding-right: 1em;
93
- background-image: url('data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==');
94
- background-repeat: no-repeat;
95
- background-position: 99% 50%;
96
- }
97
-
98
- // CHECKBOXES and RADIOs
99
- .c-field input {
100
- @include disabled;
101
- margin-right: var(--spacing-tiny);
102
- font-size: var(--text-font-size-medium);
103
- outline: 0;
104
- }
105
-
106
- .c-field--label {
107
- margin: var(--spacing-small) 0 0 0;
108
- }
109
-
110
- .c-field--error {
111
- color: var(--color-error);
112
- border-color: var(--color-error);
113
- }
114
-
115
- .c-field--success {
116
- color: var(--color-success);
117
- border-color: var(--color-success);
118
- }
119
-
120
- .c-field--choice {
121
- background-color: transparent;
122
- border: 0;
123
- border-radius: 0;
124
-
125
- input {
126
- margin: 0;
127
- }
128
- }