sdga-ui 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/.github/workflows/deploy.yml +57 -0
  2. package/.github/workflows/publish.yml +2 -4
  3. package/README.md +8 -0
  4. package/css/dga-ui.css +60 -30
  5. package/css/dga-ui.css.map +1 -1
  6. package/demo-angular/.editorconfig +17 -0
  7. package/demo-angular/.vscode/extensions.json +4 -0
  8. package/demo-angular/.vscode/launch.json +20 -0
  9. package/demo-angular/.vscode/tasks.json +42 -0
  10. package/demo-angular/README.md +59 -0
  11. package/demo-angular/angular.json +90 -0
  12. package/demo-angular/package-lock.json +10459 -0
  13. package/demo-angular/package.json +50 -0
  14. package/demo-angular/public/.nojekyll +0 -0
  15. package/demo-angular/public/favicon.ico +0 -0
  16. package/demo-angular/public/i18n/ar.json +239 -0
  17. package/demo-angular/public/i18n/en.json +239 -0
  18. package/demo-angular/src/app/app.config.ts +20 -0
  19. package/demo-angular/src/app/app.html +52 -0
  20. package/demo-angular/src/app/app.routes.ts +45 -0
  21. package/demo-angular/src/app/app.scss +430 -0
  22. package/demo-angular/src/app/app.spec.ts +23 -0
  23. package/demo-angular/src/app/app.ts +88 -0
  24. package/demo-angular/src/app/shared/code-example/code-example.component.html +30 -0
  25. package/demo-angular/src/app/shared/code-example/code-example.component.scss +183 -0
  26. package/demo-angular/src/app/shared/code-example/code-example.component.ts +78 -0
  27. package/demo-angular/src/app/views/alerts/alerts.component.html +155 -0
  28. package/demo-angular/src/app/views/alerts/alerts.component.scss +3 -0
  29. package/demo-angular/src/app/views/alerts/alerts.component.ts +134 -0
  30. package/demo-angular/src/app/views/bootstrap/bootstrap.component.html +14 -0
  31. package/demo-angular/src/app/views/bootstrap/bootstrap.component.scss +91 -0
  32. package/demo-angular/src/app/views/bootstrap/bootstrap.component.ts +23 -0
  33. package/demo-angular/src/app/views/buttons/buttons.component.html +289 -0
  34. package/demo-angular/src/app/views/buttons/buttons.component.scss +14 -0
  35. package/demo-angular/src/app/views/buttons/buttons.component.ts +155 -0
  36. package/demo-angular/src/app/views/cards/cards.component.html +156 -0
  37. package/demo-angular/src/app/views/cards/cards.component.html.backup +156 -0
  38. package/demo-angular/src/app/views/cards/cards.component.scss +11 -0
  39. package/demo-angular/src/app/views/cards/cards.component.ts +194 -0
  40. package/demo-angular/src/app/views/forms/forms.component.html +347 -0
  41. package/demo-angular/src/app/views/forms/forms.component.scss +3 -0
  42. package/demo-angular/src/app/views/forms/forms.component.ts +222 -0
  43. package/demo-angular/src/app/views/home/home.component.html +38 -0
  44. package/demo-angular/src/app/views/home/home.component.scss +35 -0
  45. package/demo-angular/src/app/views/home/home.component.ts +12 -0
  46. package/demo-angular/src/app/views/links/links.component.html +140 -0
  47. package/demo-angular/src/app/views/links/links.component.scss +60 -0
  48. package/demo-angular/src/app/views/links/links.component.ts +123 -0
  49. package/demo-angular/src/app/views/tables/tables.component.html +289 -0
  50. package/demo-angular/src/app/views/tables/tables.component.scss +3 -0
  51. package/demo-angular/src/app/views/tables/tables.component.ts +278 -0
  52. package/demo-angular/src/app/views/toasts/toasts.component.html +201 -0
  53. package/demo-angular/src/app/views/toasts/toasts.component.scss +0 -0
  54. package/demo-angular/src/app/views/toasts/toasts.component.ts +182 -0
  55. package/demo-angular/src/index.html +14 -0
  56. package/demo-angular/src/main.ts +6 -0
  57. package/demo-angular/src/styles.scss +4 -0
  58. package/demo-angular/tsconfig.app.json +15 -0
  59. package/demo-angular/tsconfig.json +33 -0
  60. package/demo-angular/tsconfig.spec.json +15 -0
  61. package/package.json +4 -5
  62. package/theme/components/_accordion.scss +1 -1
  63. package/theme/components/_buttons.scss +6 -6
  64. package/theme/components/_content.scss +3 -3
  65. package/theme/components/_dropdowns.scss +1 -1
  66. package/theme/components/_forms-check.scss +1 -1
  67. package/theme/components/_forms-inputs.scss +1 -1
  68. package/theme/components/_list-group.scss +1 -1
  69. package/theme/components/_modals.scss +1 -1
  70. package/theme/components/_navigation.scss +2 -2
  71. package/theme/components/_overlays.scss +2 -2
  72. package/theme/components/_pagination.scss +1 -1
  73. package/theme/components/_popovers.scss +1 -1
  74. package/theme/components/_toasts.scss +1 -1
  75. package/theme/customizations/_cards.scss +3 -3
  76. package/theme/customizations/_links.scss +72 -24
package/demo-angular/src/index.html ADDED
@@ -0,0 +1,14 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>DemoAngular</title>
6
+ <base href="/">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link rel="stylesheet" href="https://cdn.hugeicons.com/font/hgi-stroke-rounded.css" />
9
+ <link rel="icon" type="image/x-icon" href="favicon.ico">
10
+ </head>
11
+ <body>
12
+ <app-root></app-root>
13
+ </body>
14
+ </html>
package/demo-angular/src/main.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { bootstrapApplication } from '@angular/platform-browser';
2
+ import { appConfig } from './app/app.config';
3
+ import { App } from './app/app';
4
+
5
+ bootstrapApplication(App, appConfig)
6
+ .catch((err) => console.error(err));
package/demo-angular/src/styles.scss ADDED
@@ -0,0 +1,4 @@
1
+ /* You can add global styles to this file, and also import other style files */
2
+ @use 'sdga-ui/theme/dga-ui.scss';
3
+ // @import 'sdga-ui/css/dga-ui.css';
4
+ // @import '../../theme/dga-ui.scss'
package/demo-angular/tsconfig.app.json ADDED
@@ -0,0 +1,15 @@
1
+ /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
2
+ /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
3
+ {
4
+ "extends": "./tsconfig.json",
5
+ "compilerOptions": {
6
+ "outDir": "./out-tsc/app",
7
+ "types": []
8
+ },
9
+ "include": [
10
+ "src/**/*.ts"
11
+ ],
12
+ "exclude": [
13
+ "src/**/*.spec.ts"
14
+ ]
15
+ }
package/demo-angular/tsconfig.json ADDED
@@ -0,0 +1,33 @@
1
+ /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
2
+ /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
3
+ {
4
+ "compileOnSave": false,
5
+ "compilerOptions": {
6
+ "strict": true,
7
+ "noImplicitOverride": true,
8
+ "noPropertyAccessFromIndexSignature": true,
9
+ "noImplicitReturns": true,
10
+ "noFallthroughCasesInSwitch": true,
11
+ "skipLibCheck": true,
12
+ "isolatedModules": true,
13
+ "experimentalDecorators": true,
14
+ "importHelpers": true,
15
+ "target": "ES2022",
16
+ "module": "preserve"
17
+ },
18
+ "angularCompilerOptions": {
19
+ "enableI18nLegacyMessageIdFormat": false,
20
+ "strictInjectionParameters": true,
21
+ "strictInputAccessModifiers": true,
22
+ "strictTemplates": true
23
+ },
24
+ "files": [],
25
+ "references": [
26
+ {
27
+ "path": "./tsconfig.app.json"
28
+ },
29
+ {
30
+ "path": "./tsconfig.spec.json"
31
+ }
32
+ ]
33
+ }
package/demo-angular/tsconfig.spec.json ADDED
@@ -0,0 +1,15 @@
1
+ /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
2
+ /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
3
+ {
4
+ "extends": "./tsconfig.json",
5
+ "compilerOptions": {
6
+ "outDir": "./out-tsc/spec",
7
+ "types": [
8
+ "vitest/globals"
9
+ ]
10
+ },
11
+ "include": [
12
+ "src/**/*.d.ts",
13
+ "src/**/*.spec.ts"
14
+ ]
15
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sdga-ui",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "DGA UI - Government-Style Bootstrap Theme",
5
5
  "keywords": [
6
6
  "sdga",
@@ -33,7 +33,6 @@
33
33
  "build-css": "sass --load-path=node_modules theme/dga-ui.scss css/dga-ui.css",
34
34
  "watch-css": "sass --load-path=node_modules --watch theme/dga-ui.scss css/dga-ui.css",
35
35
  "prepublishOnly": "npm run build-css",
36
-
37
36
  "preversion": "npm run build-css",
38
37
  "version": "git add .",
39
38
  "postversion": "git push --follow-tags"
@@ -42,10 +41,10 @@
42
41
  "bootstrap": "^5.3.8"
43
42
  },
44
43
  "devDependencies": {
44
+ "autoprefixer": "^10.4.19",
45
45
  "bootstrap": "^5.3.8",
46
- "sass": "^1.69.5",
47
46
  "postcss": "^8.4.38",
48
- "autoprefixer": "^10.4.19",
49
- "prettier": "^3.2.0"
47
+ "prettier": "^3.7.3",
48
+ "sass": "^1.69.5"
50
49
  }
51
50
  }
package/theme/components/_accordion.scss CHANGED
@@ -6,7 +6,7 @@ $accordion-padding-y: 1rem;
6
6
  $accordion-padding-x: 1.25rem;
7
7
  $accordion-color: var(--#{$prefix}body-color);
8
8
  $accordion-bg: $white;
9
- $accordion-border-width: $border-width;
9
+ $accordion-border-width: 1px;
10
10
  $accordion-border-color: rgba($black, 0.125);
11
11
  $accordion-border-radius: $radius-sm;
12
12
  $accordion-inner-border-radius: calc(#{$accordion-border-radius} - #{$accordion-border-width});
package/theme/components/_buttons.scss CHANGED
@@ -23,7 +23,7 @@ $btn-font-size-lg: $font-size-lg;
23
23
  $btn-line-height-lg: $line-height-lg;
24
24
 
25
25
  // Button styling
26
- $btn-border-width: $border-width;
26
+ $btn-border-width: 1px;
27
27
  $btn-font-weight: 500;
28
28
  $btn-box-shadow: none;
29
29
  $btn-focus-width: 0.25rem;
@@ -52,11 +52,11 @@ $btn-active-border-shade-amount: 25%;
52
52
  $btn-active-border-tint-amount: 10%;
53
53
 
54
54
  // Link buttons
55
- $btn-link-color: $link-color;
56
- $btn-link-hover-color: $link-hover-color;
57
- $btn-link-decoration: $link-decoration;
58
- $btn-link-hover-decoration: $link-hover-decoration;
59
- $btn-link-focus-shadow-rgb: rgba($primary, 0.5);
55
+ $btn-link-color: $primary-600;
56
+ $btn-link-hover-color: $primary-600;
57
+ $btn-link-decoration: underline;
58
+ $btn-link-hover-decoration: underline;
59
+ $btn-link-focus-shadow-rgb: none;
60
60
  $btn-link-disabled-color: $gray-600;
61
61
 
62
62
  // Button close
package/theme/components/_content.scss CHANGED
@@ -58,7 +58,7 @@ $table-hover-bg-factor: 0.075;
58
58
  $table-hover-bg: rgba($black, $table-hover-bg-factor);
59
59
 
60
60
  $table-border-factor: 0.1;
61
- $table-border-width: $border-width;
61
+ $table-border-width: 1px;
62
62
  $table-border-color: $border-color;
63
63
 
64
64
  $table-striped-order: odd;
@@ -77,7 +77,7 @@ $table-bg-scale: -80%;
77
77
  $list-group-color: var(--#{$prefix}body-color);
78
78
  $list-group-bg: $white;
79
79
  $list-group-border-color: rgba($black, 0.125);
80
- $list-group-border-width: $border-width;
80
+ $list-group-border-width: 1px;
81
81
  $list-group-border-radius: $radius-sm;
82
82
 
83
83
  $list-group-item-padding-y: 0.5rem;
@@ -107,7 +107,7 @@ $accordion-padding-y: 1rem;
107
107
  $accordion-padding-x: 1.25rem;
108
108
  $accordion-color: var(--#{$prefix}body-color);
109
109
  $accordion-bg: $white;
110
- $accordion-border-width: $border-width;
110
+ $accordion-border-width: 1px;
111
111
  $accordion-border-color: rgba($black, 0.125);
112
112
  $accordion-border-radius: $radius-sm;
113
113
  $accordion-inner-border-radius: calc(#{$accordion-border-radius} - #{$accordion-border-width});
package/theme/components/_dropdowns.scss CHANGED
@@ -9,7 +9,7 @@ $dropdown-color: $body-color;
9
9
  $dropdown-bg: $white;
10
10
  $dropdown-border-color: $gray-200;
11
11
  $dropdown-border-radius: $radius-sm;
12
- $dropdown-border-width: $border-width;
12
+ $dropdown-border-width: 1px;
13
13
  $dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width});
14
14
  $dropdown-divider-bg: $gray-200;
15
15
  $dropdown-divider-margin-y: 0.5rem;
package/theme/components/_forms-check.scss CHANGED
@@ -15,7 +15,7 @@ $form-check-transition: null;
15
15
  $form-check-input-active-filter: none;
16
16
 
17
17
  $form-check-input-bg: $input-bg;
18
- $form-check-input-border: $border-width solid $border-color;
18
+ $form-check-input-border: 1px solid $border-color;
19
19
  $form-check-input-border-radius: .125rem;
20
20
  $form-check-input-focus-border: $border-color;
21
21
  $form-check-input-focus-box-shadow: none;
package/theme/components/_forms-inputs.scss CHANGED
@@ -29,7 +29,7 @@ $input-disabled-border-color: null;
29
29
 
30
30
  $input-color: $body-color;
31
31
  $input-border-color: $gray-300;
32
- $input-border-width: $border-width;
32
+ $input-border-width: 1px;
33
33
  $input-box-shadow: inset 0 1px 2px rgba($black, 0.075);
34
34
 
35
35
  $input-border-radius: $radius-sm;
package/theme/components/_list-group.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  $list-group-color: var(--#{$prefix}body-color);
4
4
  $list-group-bg: $white;
5
5
  $list-group-border-color: rgba($black, 0.125);
6
- $list-group-border-width: $border-width;
6
+ $list-group-border-width: 1px;
7
7
  $list-group-border-radius: $radius-sm;
8
8
 
9
9
  $list-group-item-padding-y: 0.5rem;
package/theme/components/_modals.scss CHANGED
@@ -12,7 +12,7 @@ $modal-title-line-height: $line-height-base;
12
12
  $modal-content-color: null;
13
13
  $modal-content-bg: $white;
14
14
  $modal-content-border-color: rgba($black, 0.2);
15
- $modal-content-border-width: $border-width;
15
+ $modal-content-border-width: 1px;
16
16
  $modal-content-border-radius: $radius-lg;
17
17
  $modal-content-inner-border-radius: calc(#{$modal-content-border-radius} - #{$modal-content-border-width});
18
18
  $modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba($black, 0.5);
package/theme/components/_navigation.scss CHANGED
@@ -57,7 +57,7 @@ $dropdown-color: $body-color;
57
57
  $dropdown-bg: $white;
58
58
  $dropdown-border-color: $gray-200;
59
59
  $dropdown-border-radius: $radius-sm;
60
- $dropdown-border-width: $border-width;
60
+ $dropdown-border-width: 1px;
61
61
  $dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width});
62
62
  $dropdown-divider-bg: $gray-200;
63
63
  $dropdown-divider-margin-y: 0.5rem;
@@ -108,7 +108,7 @@ $pagination-font-size: $font-size-base;
108
108
  $pagination-color: $primary;
109
109
  $pagination-bg: $white;
110
110
  $pagination-border-radius: $radius-sm;
111
- $pagination-border-width: $border-width;
111
+ $pagination-border-width: 1px;
112
112
  $pagination-margin-start: calc(#{$pagination-border-width} * -1);
113
113
  $pagination-border-color: $gray-300;
114
114
 
package/theme/components/_overlays.scss CHANGED
@@ -17,7 +17,7 @@ $modal-title-line-height: $line-height-base;
17
17
  $modal-content-color: null;
18
18
  $modal-content-bg: $white;
19
19
  $modal-content-border-color: rgba($black, 0.2);
20
- $modal-content-border-width: $border-width;
20
+ $modal-content-border-width: 1px;
21
21
  $modal-content-border-radius: $radius-lg;
22
22
  $modal-content-inner-border-radius: calc(#{$modal-content-border-radius} - #{$modal-content-border-width});
23
23
  $modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba($black, 0.5);
@@ -71,7 +71,7 @@ $tooltip-arrow-color: null;
71
71
  $popover-font-size: $font-size-sm;
72
72
  $popover-bg: $white;
73
73
  $popover-max-width: 276px;
74
- $popover-border-width: $border-width;
74
+ $popover-border-width: 1px;
75
75
  $popover-border-color: rgba($black, 0.2);
76
76
  $popover-border-radius: $radius-lg;
77
77
  $popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width});
package/theme/components/_pagination.scss CHANGED
@@ -12,7 +12,7 @@ $pagination-font-size: $font-size-base;
12
12
  $pagination-color: $primary;
13
13
  $pagination-bg: $white;
14
14
  $pagination-border-radius: $radius-sm;
15
- $pagination-border-width: $border-width;
15
+ $pagination-border-width: 1px;
16
16
  $pagination-margin-start: calc(#{$pagination-border-width} * -1);
17
17
  $pagination-border-color: $gray-300;
18
18
 
package/theme/components/_popovers.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  $popover-font-size: $font-size-sm;
4
4
  $popover-bg: $white;
5
5
  $popover-max-width: 276px;
6
- $popover-border-width: $border-width;
6
+ $popover-border-width: 1px;
7
7
  $popover-border-color: rgba($black, 0.2);
8
8
  $popover-border-radius: $radius-lg;
9
9
  $popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width});
package/theme/components/_toasts.scss CHANGED
@@ -8,7 +8,7 @@ $toast-border-width: var(--#{$prefix}border-width);
8
8
  $toast-border-color: var(--#{$prefix}border-color-translucent);
9
9
  $toast-border-radius: $radius-md;
10
10
  $toast-box-shadow: $box-shadow-lg;
11
- $toast-spacing: $container-padding-x;
11
+ $toast-spacing: 1rem;
12
12
  $toast-icon-bg: var(--#{$prefix}toast-icon-bg);
13
13
  $toast-icon-color: var(--#{$prefix}toast-icon-color);
14
14
  $toast-title-color: var(--#{$prefix}toast-title-color);
package/theme/customizations/_cards.scss CHANGED
@@ -75,9 +75,9 @@
75
75
 
76
76
  .card-title-checked {
77
77
  margin-inline-start: auto;
78
- margin-inline-end: 4%;
79
- margin-top: 4%;
80
- margin-bottom: 4%;
78
+ margin-inline-end: 1rem;
79
+ margin-top: 1rem;
80
+ margin-bottom: 1rem;
81
81
  }
82
82
 
83
83
  .card-text {
package/theme/customizations/_links.scss CHANGED
@@ -5,43 +5,91 @@
5
5
  // ============================================
6
6
 
7
7
  .link-primary {
8
- --#{$prefix}link-color: #{$primary-600};
9
- --#{$prefix}link-color-rgb: #{red($primary-600)}, #{green($primary-600)}, #{blue($primary-600)};
10
- --#{$prefix}link-hover-color: #{$primary-400};
11
- --#{$prefix}link-hover-color-rgb: #{red($primary-400)}, #{green($primary-400)}, #{blue($primary-400)};
8
+ color: $primary-600 !important;
9
+
10
+ &:hover,
11
+ &:focus {
12
+ color: $primary-400 !important;
13
+ text-decoration-color: $primary-400 !important;
14
+ }
15
+
16
+ &:active {
17
+ color: $primary-300 !important;
18
+ text-decoration-color: $primary-300 !important;
19
+ }
12
20
  }
13
21
 
14
22
  .link-secondary {
15
- --#{$prefix}link-color: #{$secondary-600};
16
- --#{$prefix}link-color-rgb: #{red($secondary-600)}, #{green($secondary-600)}, #{blue($secondary-600)};
17
- --#{$prefix}link-hover-color: #{$secondary-400};
18
- --#{$prefix}link-hover-color-rgb: #{red($secondary-400)}, #{green($secondary-400)}, #{blue($secondary-400)};
23
+ color: $secondary-600 !important;
24
+
25
+ &:hover,
26
+ &:focus {
27
+ color: $secondary-400 !important;
28
+ text-decoration-color: $secondary-400 !important;
29
+ }
30
+
31
+ &:active {
32
+ color: $secondary-300 !important;
33
+ text-decoration-color: $secondary-300 !important;
34
+ }
19
35
  }
20
36
 
21
37
  .link-success {
22
- --#{$prefix}link-color: #{$success-600};
23
- --#{$prefix}link-color-rgb: #{red($success-600)}, #{green($success-600)}, #{blue($success-600)};
24
- --#{$prefix}link-hover-color: #{$success-400};
25
- --#{$prefix}link-hover-color-rgb: #{red($success-400)}, #{green($success-400)}, #{blue($success-400)};
38
+ color: $success-600 !important;
39
+
40
+ &:hover,
41
+ &:focus {
42
+ color: $success-400 !important;
43
+ text-decoration-color: $success-400 !important;
44
+ }
45
+
46
+ &:active {
47
+ color: $success-300 !important;
48
+ text-decoration-color: $success-300 !important;
49
+ }
26
50
  }
27
51
 
28
52
  .link-danger {
29
- --#{$prefix}link-color: #{$danger-600};
30
- --#{$prefix}link-color-rgb: #{red($danger-600)}, #{green($danger-600)}, #{blue($danger-600)};
31
- --#{$prefix}link-hover-color: #{$danger-400};
32
- --#{$prefix}link-hover-color-rgb: #{red($danger-400)}, #{green($danger-400)}, #{blue($danger-400)};
53
+ color: $danger-600 !important;
54
+
55
+ &:hover,
56
+ &:focus {
57
+ color: $danger-400 !important;
58
+ text-decoration-color: $danger-400 !important;
59
+ }
60
+
61
+ &:active {
62
+ color: $danger-300 !important;
63
+ text-decoration-color: $danger-300 !important;
64
+ }
33
65
  }
34
66
 
35
67
  .link-warning {
36
- --#{$prefix}link-color: #{$warning-600};
37
- --#{$prefix}link-color-rgb: #{red($warning-600)}, #{green($warning-600)}, #{blue($warning-600)};
38
- --#{$prefix}link-hover-color: #{$warning-400};
39
- --#{$prefix}link-hover-color-rgb: #{red($warning-400)}, #{green($warning-400)}, #{blue($warning-400)};
68
+ color: $warning-600 !important;
69
+
70
+ &:hover,
71
+ &:focus {
72
+ color: $warning-400 !important;
73
+ text-decoration-color: $warning-400 !important;
74
+ }
75
+
76
+ &:active {
77
+ color: $warning-300 !important;
78
+ text-decoration-color: $warning-300 !important;
79
+ }
40
80
  }
41
81
 
42
82
  .link-info {
43
- --#{$prefix}link-color: #{$info-600};
44
- --#{$prefix}link-color-rgb: #{red($info-600)}, #{green($info-600)}, #{blue($info-600)};
45
- --#{$prefix}link-hover-color: #{$info-400};
46
- --#{$prefix}link-hover-color-rgb: #{red($info-400)}, #{green($info-400)}, #{blue($info-400)};
83
+ color: $info-600 !important;
84
+
85
+ &:hover,
86
+ &:focus {
87
+ color: $info-400 !important;
88
+ text-decoration-color: $info-400 !important;
89
+ }
90
+
91
+ &:active {
92
+ color: $info-300 !important;
93
+ text-decoration-color: $info-300 !important;
94
+ }
47
95
  }