@clayui/css 3.134.0 → 3.135.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.
@@ -30,40 +30,72 @@
30
30
  $enabled: setter(map-get($map, enabled), true);
31
31
 
32
32
  @if ($enabled) {
33
- @include clay-css($map);
34
-
35
- &.show {
36
- @include clay-css(map-get($map, show));
33
+ @if (length($map) != 0) {
34
+ @include clay-css($map);
37
35
  }
38
36
 
39
- .arrow {
40
- @include clay-css(map-get($map, arrow));
37
+ $_show: map-get($map, show);
41
38
 
42
- &::before {
43
- @include clay-css(map-deep-get($map, arrow, before));
39
+ @if ($_show) {
40
+ &.show {
41
+ @include clay-css($_show);
44
42
  }
43
+ }
44
+
45
+ $_arrow: map-get($map, arrow);
46
+
47
+ @if ($_arrow) {
48
+ .arrow {
49
+ @include clay-css($_arrow);
50
+
51
+ $_before: map-get($_arrow, before);
52
+
53
+ @if ($_before) {
54
+ &::before {
55
+ @include clay-css($_before);
56
+ }
57
+ }
58
+
59
+ $_after: map-get($_arrow, after);
45
60
 
46
- &::after {
47
- @include clay-css(map-deep-get($map, arrow, after));
61
+ @if ($_after) {
62
+ &::after {
63
+ @include clay-css($_after);
64
+ }
65
+ }
48
66
  }
49
67
  }
50
68
 
51
- .tooltip-arrow {
52
- @include clay-css(map-get($map, tooltip-arrow));
69
+ $_tooltip-arrow: map-get($map, tooltip-arrow);
53
70
 
54
- &::before {
55
- @include clay-css(
56
- map-deep-get($map, tooltip-arrow, before)
57
- );
58
- }
71
+ @if ($_tooltip-arrow) {
72
+ .tooltip-arrow {
73
+ @include clay-css($_tooltip-arrow);
74
+
75
+ $_before: map-get($_tooltip-arrow, before);
76
+
77
+ @if ($_before) {
78
+ &::before {
79
+ @include clay-css($_before);
80
+ }
81
+ }
59
82
 
60
- &::after {
61
- @include clay-css(map-deep-get($map, tooltip-arrow, after));
83
+ $_after: map-get($_tooltip-arrow, after);
84
+
85
+ @if ($_after) {
86
+ &::after {
87
+ @include clay-css($_after);
88
+ }
89
+ }
62
90
  }
63
91
  }
64
92
 
65
- .tooltip-inner {
66
- @include clay-css(map-get($map, tooltip-inner));
93
+ $_tooltip-inner: map-get($map, tooltip-inner);
94
+
95
+ @if ($_tooltip-inner) {
96
+ .tooltip-inner {
97
+ @include clay-css($_tooltip-inner);
98
+ }
67
99
  }
68
100
  }
69
101
  }
@@ -138,7 +138,7 @@ $modal-body: map-deep-merge(
138
138
  overflow: auto,
139
139
  padding: $modal-inner-padding,
140
140
  ),
141
- '.aspect-ratio': (
141
+ '.modal-banner-img': (
142
142
  margin-left: math-sign($modal-inner-padding),
143
143
  margin-right: math-sign($modal-inner-padding),
144
144
  top: math-sign($modal-inner-padding),