@ihk-gfi/lux-components-theme 18.0.0 → 18.1.0

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.
@@ -37,6 +37,18 @@ h6 {
37
37
  font-family: luxcommon.$app-headline-font;
38
38
  }
39
39
 
40
+ /*
41
+ * Theming for LUX-Slider
42
+ */
43
+ lux-slider-ac {
44
+ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic {
45
+ &.lux-no-input-row {
46
+ padding-top: 12px;
47
+ padding-bottom: 4px;
48
+ }
49
+ }
50
+ }
51
+
40
52
  /*
41
53
  * Theming for LUX-Card
42
54
  */
@@ -545,6 +557,14 @@ lux-form-control-wrapper .lux-form-control-wrapper {
545
557
  }
546
558
  }
547
559
 
560
+ &.lux-dense-authentic {
561
+ .lux-form-control-container-authentic {
562
+ &.lux-no-input-row {
563
+ padding: 0.25em 0em;
564
+ }
565
+ }
566
+ }
567
+
548
568
  .lux-form-control-container-authentic {
549
569
  padding: 10px;
550
570
  line-height: 1;
@@ -560,7 +580,6 @@ lux-form-control-wrapper .lux-form-control-wrapper {
560
580
  font-size: luxcommon.$form-control-font-size;
561
581
  font-family: luxcommon.$app-font-family;
562
582
  padding: 8px 0;
563
- min-height: 40px;
564
583
  }
565
584
  }
566
585
 
@@ -638,7 +657,6 @@ lux-checkbox-ac {
638
657
  */
639
658
  lux-radio-ac {
640
659
  & lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
641
- padding: 10px 0;
642
660
  height: auto;
643
661
  }
644
662
 
@@ -95,3 +95,9 @@ $colorsForDarkBg: (
95
95
  "brown": #eb7c05,
96
96
  "white": #ffffff
97
97
  );
98
+
99
+ // Tile
100
+ $lux-tile-font-hover-color: #2e8533;
101
+ $lux-tile-icon-color: #56bd66;
102
+ $lux-tile-borderradius: 24px;
103
+ $lux-tile-bottom-line-color: #56bd66;
@@ -92,7 +92,13 @@
92
92
  $componentFontColors: themeCommon.$componentFontColors,
93
93
 
94
94
  // Farben für einen dunklen Hintergrund (z.B. Snackbar).
95
- $colorsForDarkBg: themeCommon.$colorsForDarkBg
95
+ $colorsForDarkBg: themeCommon.$colorsForDarkBg,
96
+
97
+ // Tile
98
+ $lux-tile-font-hover-color: themeCommon.$lux-tile-font-hover-color,
99
+ $lux-tile-icon-color: themeCommon.$lux-tile-icon-color,
100
+ $lux-tile-borderradius: themeCommon.$lux-tile-borderradius,
101
+ $lux-tile-bottom-line-color: themeCommon.$lux-tile-bottom-line-color
96
102
  );
97
103
  @use "../base/luxSvgIcons";
98
104
  @use "../base/luxelevations";
@@ -12,6 +12,8 @@ $app-font-family:
12
12
  sans-serif !default;
13
13
 
14
14
  html body {
15
+ --mat-checkbox-label-text-font: #{$app-font-family};
16
+ --mat-switch-label-text-font: #{$app-font-family};
15
17
  --mat-stepper-container-text-font: #{$app-font-family};
16
18
  --mat-stepper-header-label-text-font: #{$app-font-family};
17
19
  --mat-expansion-header-text-font: #{$app-font-family};