@deriv-web-design/ui 0.1.23 → 0.1.24
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/dist/index.css +13 -5
- package/dist/index.css.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -11983,10 +11983,11 @@
|
|
|
11983
11983
|
--dch-doc-background: var(--background-surface);
|
|
11984
11984
|
--dch-doc-radius: var(--radius-2xl);
|
|
11985
11985
|
--dch-doc-padding-block: var(--spacing-16);
|
|
11986
|
-
--dch-doc-padding-inline: var(--spacing-16);
|
|
11986
|
+
--dch-doc-padding-inline-start: var(--spacing-16);
|
|
11987
|
+
--dch-doc-padding-inline-end: var(--spacing-16);
|
|
11987
11988
|
--dch-doc-gap: var(--spacing-8);
|
|
11988
11989
|
--dch-doc-icon-gap: var(--spacing-8);
|
|
11989
|
-
--dch-doc-icon-size: var(--spacing-
|
|
11990
|
+
--dch-doc-icon-size: var(--spacing-48);
|
|
11990
11991
|
--dch-doc-action-indent: var(--spacing-56);
|
|
11991
11992
|
--dch-focus-ring-color: var(--border-focus);
|
|
11992
11993
|
--dch-title-tracking: -0.02rem;
|
|
@@ -12049,6 +12050,9 @@
|
|
|
12049
12050
|
display: flex;
|
|
12050
12051
|
min-width: 0;
|
|
12051
12052
|
}
|
|
12053
|
+
.dch__doc-item:only-child {
|
|
12054
|
+
grid-column: 1 / -1;
|
|
12055
|
+
}
|
|
12052
12056
|
.dch__doc {
|
|
12053
12057
|
display: flex;
|
|
12054
12058
|
flex-direction: column;
|
|
@@ -12058,7 +12062,8 @@
|
|
|
12058
12062
|
width: 100%;
|
|
12059
12063
|
min-width: 0;
|
|
12060
12064
|
box-sizing: border-box;
|
|
12061
|
-
padding: var(--dch-doc-padding-block)
|
|
12065
|
+
padding-block: var(--dch-doc-padding-block);
|
|
12066
|
+
padding-inline: var(--dch-doc-padding-inline-start) var(--dch-doc-padding-inline-end);
|
|
12062
12067
|
border-radius: var(--dch-doc-radius);
|
|
12063
12068
|
background-color: var(--dch-doc-background);
|
|
12064
12069
|
color: var(--dch-text-color);
|
|
@@ -12098,12 +12103,15 @@
|
|
|
12098
12103
|
.dch__doc-action {
|
|
12099
12104
|
display: flex;
|
|
12100
12105
|
flex-shrink: 0;
|
|
12106
|
+
align-items: center;
|
|
12107
|
+
min-height: var(--typography-body-md-line-height);
|
|
12101
12108
|
padding-inline-start: var(--dch-doc-action-indent);
|
|
12102
12109
|
}
|
|
12103
12110
|
@media (min-width: 768px) {
|
|
12104
12111
|
:root {
|
|
12105
12112
|
--dch-padding-inline: var(--spacing-24);
|
|
12106
|
-
--dch-doc-padding-inline: var(--spacing-24);
|
|
12113
|
+
--dch-doc-padding-inline-start: var(--spacing-24);
|
|
12114
|
+
--dch-doc-padding-inline-end: 1.75rem;
|
|
12107
12115
|
--dch-doc-radius: var(--radius-full);
|
|
12108
12116
|
--dch-doc-action-indent: var(--spacing-0);
|
|
12109
12117
|
}
|
|
@@ -12123,7 +12131,7 @@
|
|
|
12123
12131
|
|
|
12124
12132
|
/* components/LinkModal/LinkModal.css */
|
|
12125
12133
|
:root {
|
|
12126
|
-
--lm-scrim-color:
|
|
12134
|
+
--lm-scrim-color: rgb(0 0 0 / 72%);
|
|
12127
12135
|
--lm-scrim-blur: 4px;
|
|
12128
12136
|
--lm-z-index: 9999;
|
|
12129
12137
|
--lm-panel-background: var(--background-surface);
|