sdga-ui 1.0.10 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/dga-ui.css +466 -120
- package/css/dga-ui.css.map +1 -1
- package/package.json +1 -1
- package/theme/components/_forms-floating.scss +12 -11
- package/theme/components/_forms-form-control.scss +85 -0
- package/theme/components/_forms-form-select.scss +48 -0
- package/theme/components/_forms.scss +29 -2
- package/theme/components/_tooltips.scss +6 -5
- package/theme/customizations/_forms-form-control.scss +283 -0
- package/theme/customizations/_forms-form-select.scss +143 -0
- package/theme/customizations/_forms.scss +2 -1
- package/theme/customizations/_global.scss +10 -0
- package/theme/components/_forms-inputs.scss +0 -70
- package/theme/components/_forms-select.scss +0 -47
- package/theme/customizations/_forms-inputs.scss +0 -9
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
// Bootstrap 5.3 - Form Input Variables
|
|
2
|
-
|
|
3
|
-
@use 'sass:color';
|
|
4
|
-
|
|
5
|
-
// ============================================
|
|
6
|
-
// FORM INPUTS
|
|
7
|
-
// ============================================
|
|
8
|
-
|
|
9
|
-
// Form Controls
|
|
10
|
-
$input-padding-y: 0.5rem;
|
|
11
|
-
$input-padding-x: 0.75rem;
|
|
12
|
-
$input-font-family: $font-family-base;
|
|
13
|
-
$input-font-size: $font-size-base;
|
|
14
|
-
$input-font-weight: $font-weight-base;
|
|
15
|
-
$input-line-height: $line-height-base;
|
|
16
|
-
|
|
17
|
-
$input-padding-y-sm: 0.375rem;
|
|
18
|
-
$input-padding-x-sm: 0.625rem;
|
|
19
|
-
$input-font-size-sm: $font-size-sm;
|
|
20
|
-
|
|
21
|
-
$input-padding-y-lg: 0.625rem;
|
|
22
|
-
$input-padding-x-lg: 1rem;
|
|
23
|
-
$input-font-size-lg: $font-size-lg;
|
|
24
|
-
|
|
25
|
-
$input-bg: $white;
|
|
26
|
-
$input-disabled-color: null;
|
|
27
|
-
$input-disabled-bg: $gray-200;
|
|
28
|
-
$input-disabled-border-color: null;
|
|
29
|
-
|
|
30
|
-
$input-color: $body-color;
|
|
31
|
-
$input-border-color: $gray-300;
|
|
32
|
-
$input-border-width: 1px;
|
|
33
|
-
$input-box-shadow: inset 0 1px 2px rgba($black, 0.075);
|
|
34
|
-
|
|
35
|
-
$input-border-radius: $radius-sm;
|
|
36
|
-
$input-border-radius-sm: $radius-sm;
|
|
37
|
-
$input-border-radius-lg: $radius-lg;
|
|
38
|
-
|
|
39
|
-
$input-focus-bg: $input-bg;
|
|
40
|
-
$input-focus-border-color: color.scale($primary, $lightness: 50%);
|
|
41
|
-
$input-focus-color: $input-color;
|
|
42
|
-
$input-focus-width: 0.25rem;
|
|
43
|
-
$input-focus-box-shadow: 0 0 0 $input-focus-width rgba($primary, 0.25);
|
|
44
|
-
|
|
45
|
-
$input-placeholder-color: $gray-500;
|
|
46
|
-
$input-plaintext-color: $body-color;
|
|
47
|
-
|
|
48
|
-
$input-height-border: calc(#{$input-border-width} * 2);
|
|
49
|
-
$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2});
|
|
50
|
-
$input-height-inner-half: calc(#{$input-line-height * 0.5em} + #{$input-padding-y});
|
|
51
|
-
$input-height-inner-quarter: calc(#{$input-line-height * 0.25em} + calc(#{$input-padding-y} / 2));
|
|
52
|
-
$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});
|
|
53
|
-
$input-height-sm: calc(#{$input-line-height * 1em} + #{$input-padding-y-sm * 2} + #{$input-height-border});
|
|
54
|
-
$input-height-lg: calc(#{$input-line-height * 1em} + #{$input-padding-y-lg * 2} + #{$input-height-border});
|
|
55
|
-
|
|
56
|
-
$input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
57
|
-
|
|
58
|
-
// Form Labels
|
|
59
|
-
$form-label-margin-bottom: 0.5rem;
|
|
60
|
-
$form-label-font-size: $font-size-base;
|
|
61
|
-
$form-label-font-style: null;
|
|
62
|
-
$form-label-font-weight: 500;
|
|
63
|
-
$form-label-color: $body-color;
|
|
64
|
-
|
|
65
|
-
// Form Text
|
|
66
|
-
$form-text-margin-top: 0.25rem;
|
|
67
|
-
$form-text-font-size: $font-size-sm;
|
|
68
|
-
$form-text-font-style: null;
|
|
69
|
-
$form-text-font-weight: null;
|
|
70
|
-
$form-text-color: $gray-600;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
// Bootstrap 5.3 - Form Select Variables
|
|
2
|
-
|
|
3
|
-
// ============================================
|
|
4
|
-
// FORM SELECT
|
|
5
|
-
// ============================================
|
|
6
|
-
|
|
7
|
-
$form-select-padding-y: $input-padding-y;
|
|
8
|
-
$form-select-padding-x: $input-padding-x;
|
|
9
|
-
$form-select-font-family: $input-font-family;
|
|
10
|
-
$form-select-font-size: $input-font-size;
|
|
11
|
-
$form-select-indicator-padding: 1rem;
|
|
12
|
-
$form-select-font-weight: $input-font-weight;
|
|
13
|
-
$form-select-line-height: $input-line-height;
|
|
14
|
-
$form-select-color: $input-color;
|
|
15
|
-
$form-select-bg: $input-bg;
|
|
16
|
-
$form-select-disabled-color: null;
|
|
17
|
-
$form-select-disabled-bg: $gray-200;
|
|
18
|
-
$form-select-disabled-border-color: $input-disabled-border-color;
|
|
19
|
-
$form-select-bg-position: right $form-select-padding-x center;
|
|
20
|
-
$form-select-bg-size: 16px 12px;
|
|
21
|
-
$form-select-indicator-color: $gray-800;
|
|
22
|
-
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
|
|
23
|
-
|
|
24
|
-
$form-select-feedback-icon-padding-end: calc((1em + #{$form-select-padding-x * 2}) * 3 / 4 + #{$form-select-indicator-padding});
|
|
25
|
-
$form-select-feedback-icon-position: center right $form-select-indicator-padding;
|
|
26
|
-
$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half;
|
|
27
|
-
|
|
28
|
-
$form-select-border-width: $input-border-width;
|
|
29
|
-
$form-select-border-color: $input-border-color;
|
|
30
|
-
$form-select-border-radius: $input-border-radius;
|
|
31
|
-
$form-select-box-shadow: $input-box-shadow;
|
|
32
|
-
|
|
33
|
-
$form-select-focus-border-color: $input-focus-border-color;
|
|
34
|
-
$form-select-focus-width: $input-focus-width;
|
|
35
|
-
$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width rgba($primary, 0.25);
|
|
36
|
-
|
|
37
|
-
$form-select-padding-y-sm: $input-padding-y-sm;
|
|
38
|
-
$form-select-padding-x-sm: $input-padding-x-sm;
|
|
39
|
-
$form-select-font-size-sm: $input-font-size-sm;
|
|
40
|
-
$form-select-border-radius-sm: $input-border-radius-sm;
|
|
41
|
-
|
|
42
|
-
$form-select-padding-y-lg: $input-padding-y-lg;
|
|
43
|
-
$form-select-padding-x-lg: $input-padding-x-lg;
|
|
44
|
-
$form-select-font-size-lg: $input-font-size-lg;
|
|
45
|
-
$form-select-border-radius-lg: $input-border-radius-lg;
|
|
46
|
-
|
|
47
|
-
$form-select-transition: $input-transition;
|