@cds/core 6.0.1 → 6.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.
- package/accordion/accordion-content.element.scss.js +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion.element.scss.js +1 -1
- package/alert/alert-actions.element.scss.js +1 -1
- package/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.js +1 -1
- package/alert/alert.element.js.map +1 -1
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/breadcrumb/breadcrumb.element.scss.js +1 -1
- package/button/button.element.scss.js +1 -1
- package/button-action/button-action.element.d.ts +1 -0
- package/button-action/button-action.element.js +1 -1
- package/button-action/button-action.element.js.map +1 -1
- package/button-action/button-action.element.scss.js +1 -1
- package/button-expand/button-expand.element.scss.js +1 -1
- package/button-handle/button-handle.element.scss.js +1 -1
- package/button-inline/button-inline.element.scss.js +1 -1
- package/button-sort/button-sort.element.scss.js +1 -1
- package/card/card.element.scss.js +1 -1
- package/checkbox/checkbox.element.scss.js +1 -1
- package/custom-elements.json +154 -1
- package/date/date.global.scss.js +1 -1
- package/divider/divider.element.scss.js +1 -1
- package/file/file.element.scss.js +1 -1
- package/forms/control/control.element.scss.js +1 -1
- package/forms/control-group/control-group.element.scss.js +1 -1
- package/forms/control-inline/control-inline.element.scss.js +1 -1
- package/forms/control-label/control-label.element.scss.js +1 -1
- package/forms/control-message/control-message.element.scss.js +1 -1
- package/grid/cell/grid-cell.element.scss.js +1 -1
- package/grid/column/grid-column.element.scss.js +1 -1
- package/grid/detail/grid-detail.element.scss.js +1 -1
- package/grid/footer/grid-footer.element.scss.js +1 -1
- package/grid/grid/grid.element.scss.js +1 -1
- package/grid/placeholder/grid-placeholder.element.scss.js +1 -1
- package/grid/row/grid-row.element.scss.js +1 -1
- package/icon/icon.element.scss.js +1 -1
- package/input/input-group.element.scss.js +1 -1
- package/input/input.element.scss.js +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/internal-components/panel/panel.element.scss.js +1 -1
- package/internal-components/popup/popup.element.scss.js +1 -1
- package/internal-components/split-handle/split-handle.element.scss.js +1 -1
- package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
- package/list/list.css +6 -6
- package/list/list.min.css +1 -1
- package/modal/modal-header-actions.element.d.ts +3 -3
- package/modal/modal-header-actions.element.js.map +1 -1
- package/modal/modal.element.scss.js +1 -1
- package/navigation/navigation-group.element.d.ts +1 -0
- package/navigation/navigation-group.element.js.map +1 -1
- package/navigation/navigation-item.element.d.ts +1 -0
- package/navigation/navigation-item.element.js.map +1 -1
- package/navigation/navigation-item.element.scss.js +1 -1
- package/navigation/navigation.element.d.ts +1 -0
- package/navigation/navigation.element.js.map +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/package.json +1 -1
- package/pagination/pagination.element.scss.js +1 -1
- package/progress-circle/progress-circle.element.scss.js +1 -1
- package/radio/radio.element.scss.js +1 -1
- package/range/range.element.scss.js +1 -1
- package/range/range.global.scss.js +1 -1
- package/select/select.element.scss.js +1 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/shared/selection-panel.element.scss.js +1 -1
- package/styles/module.layout.css +9 -9
- package/styles/module.layout.min.css +1 -1
- package/styles/shim.clr-ui.css +9 -0
- package/styles/shim.clr-ui.min.css +1 -1
- package/table/table.css +7 -7
- package/table/table.min.css +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tree-view/tree-item.element.scss.js +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var s=a`@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{--ring-opacity:1;--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--fill-speed:var(--cds-global-animation-duration-secondary, 0.3s);font-family:inherit;font-size:inherit;color:inherit;display:block;cursor:inherit}.private-host,svg{height:100%;width:100%}svg{display:block}.private-host{display:flex;align-items:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79))}:host,:host([size=sm]){height:var(--cds-global-space-7,1rem);width:var(--cds-global-space-7,1rem)}:host([size=md]){height:var(--cds-global-space-9,
|
|
1
|
+
import{css as a}from"lit";var s=a`@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{--ring-opacity:1;--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--fill-speed:var(--cds-global-animation-duration-secondary, 0.3s);font-family:inherit;font-size:inherit;color:inherit;display:block;cursor:inherit}.private-host,svg{height:100%;width:100%}svg{display:block}.private-host{display:flex;align-items:center;justify-content:center}.private-host .backstroke{stroke:var(--ring-color);opacity:var(--ring-opacity)}.private-host .arcstroke{stroke:var(--fill-color);transition:stroke-dashoffset var(--fill-speed) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79))}:host,:host([size=sm]){height:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)));width:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)))}:host([size=md]){height:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)));width:var(--cds-global-space-9,calc(24 * 1rem / var(--cds-global-base,20)))}:host([size=lg]){height:var(--cds-global-space-11,calc(36 * 1rem / var(--cds-global-base,20)));width:var(--cds-global-space-11,calc(36 * 1rem / var(--cds-global-base,20)))}:host([size=xl]){height:var(--cds-global-space-12,calc(48 * 1rem / var(--cds-global-base,20)));width:var(--cds-global-space-12,calc(48 * 1rem / var(--cds-global-base,20)))}:host([size=xxl]){height:calc(var(--cds-global-space-13,calc(64 * 1rem / var(--cds-global-base,20))) - var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20))));width:calc(var(--cds-global-space-13,calc(64 * 1rem / var(--cds-global-base,20))) - var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20))))}:host([value="0"]) .fillstroke,:host([value="100"]) .fillstroke{display:none}:host(:not([value])) .progress-wrapper{animation:spin var(--cds-global-animation-duration-slowest,.8s) var(--cds-global-animation-easing-loop,cubic-bezier(.17,.4,.8,.79)) infinite}:host([status=info]){--ring-color:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--fill-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--ring-color:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--fill-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--ring-color:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--fill-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--ring-color:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--fill-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=alt]){--ring-color:var(--cds-alias-status-alt-tint, var(--cds-global-color-violet-600, #9b32c8));--fill-color:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5))}:host([inverse]){--ring-color:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--fill-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}`;export{s as default};
|
|
2
2
|
//# sourceMappingURL=progress-circle.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as a}from"lit";var r=a`:host{--width:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--height:var(--cds-global-space-7, calc(16 * 1rem / var(--cds-global-base, 20)));--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--background:none}.input{width:var(--width);height:var(--height);min-width:var(--width);border:var(--border);background:var(--background);border-radius:var(--cds-alias-object-border-radius-300,50%);content:"";cursor:pointer;display:flex;align-items:center;justify-content:center}:host([status=error]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_checked]){--border:0!important;--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input::after{border-radius:var(--cds-alias-object-border-radius-300,50%);content:"";background:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)));height:var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input::after{cursor:not-allowed}:host([_disabled][_checked]){--border:0!important;--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}`;export{r as default};
|
|
2
2
|
//# sourceMappingURL=radio.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var
|
|
1
|
+
import{css as a}from"lit";var c=a`:host{--track-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--track-fill-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--track-height:var(--cds-alias-object-border-width-400, calc(4 * 1rem / var(--cds-global-base, 20)));--track-width:50%;--thumb-background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--thumb-width:calc(var(--cds-alias-object-border-width-400, calc(4 * 1rem / var(--cds-global-base, 20))) + calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20)))));--thumb-height:calc(var(--cds-alias-object-border-width-400, calc(4 * 1rem / var(--cds-global-base, 20))) + calc(var(--cds-global-space-5, calc(8 * 1rem / var(--cds-global-base, 20))) + var(--cds-global-space-1, calc(1 * 1rem / var(--cds-global-base, 20)))));display:block;width:100%}.input-container{position:relative}::slotted(input){-webkit-appearance:none;width:100%;height:var(--track-height);margin:var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20))) 0 var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20))) 0;position:relative;padding:0!important;padding:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20))) 0;cursor:pointer}.input-track{position:absolute;top:var(--cds-global-space-6,calc(12 * 1rem / var(--cds-global-base,20)));left:0;width:var(--track-width);height:var(--track-height);background:var(--track-fill-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20))));pointer-events:none;z-index:999}:host([_disabled]){--track-background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--track-fill-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc));--thumb-background:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled]) .input,:host([_disabled]) ::slotted(input){cursor:not-allowed}.rtl .input-track{left:initial;right:0}.input-container{padding:var(--cds-global-space-6,calc(12 * 1rem / var(--cds-global-base,20))) 0 var(--cds-global-space-5,calc(8 * 1rem / var(--cds-global-base,20))) 0}`;export{c as default};
|
|
2
2
|
//# sourceMappingURL=range.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as r}from"lit";var a=r`cds-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100
|
|
1
|
+
import{css as r}from"lit";var a=r`cds-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20))));border:0;box-shadow:none;display:flex}cds-range input[type=range]::-webkit-slider-thumb{box-shadow:none;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc(12 * 1rem / var(--cds-global-base,20)));background:var(--thumb-background);-webkit-appearance:none;align-self:center;margin-top:calc(var(--cds-global-space-3,calc(4 * 1rem / var(--cds-global-base,20)))*-1)}cds-range input[type=range]:focus::-webkit-slider-runnable-track{background:var(--track-background)}cds-range input[type=range]::-moz-range-track{width:100%;height:var(--track-height);box-shadow:0;background:var(--track-background);border-radius:var(--border-radius,var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20))));border:0}cds-range input[type=range]::-moz-range-thumb{box-shadow:0;border:0;height:var(--thumb-height);width:var(--thumb-width);border-radius:var(--cds-alias-object-border-radius-200,calc(12 * 1rem / var(--cds-global-base,20)));background:var(--thumb-background)}`;export{a as default};
|
|
2
2
|
//# sourceMappingURL=range.global.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as o}from"lit";var t=o`:host([_multiple]),:host([_size]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) [cds-button-action],:host([_size]) [cds-button-action]{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]),::slotted([slot=input][size]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20)))!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,calc(13 * 1rem / var(--cds-global-base,20)))!important}`;export{t as default};
|
|
2
2
|
//# sourceMappingURL=select.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as a}from"lit";var o=a`cds-select option{background:var(--cds-alias-object-container-background,var(--cds-global-color-white,#fff));color:var(--cds-global-typography-color-400,var(--cds-global-color-construction-900,#21333b));padding:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));font-size:var(--cds-global-typography-font-size-3,calc(13 * 1rem / var(--cds-global-base,20)))}cds-select input::-webkit-calendar-picker-indicator{display:none}`;export{o as default};
|
|
2
2
|
//# sourceMappingURL=select.global.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var
|
|
1
|
+
import{css as a}from"lit";var l=a`:host{--panel-width:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-height:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-sm, calc(12 * 1rem / var(--cds-global-base, 20)))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-xs,calc(8 * 1rem / var(--cds-global-base,20))) var(--cds-global-layout-space-xxs,calc(4 * 1rem / var(--cds-global-base,20)));position:absolute;right:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));top:var(--cds-global-space-4,calc(6 * 1rem / var(--cds-global-base,20)));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc(4 * 1rem / var(--cds-global-base,20)));cursor:pointer;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc(1 * 1rem / var(--cds-global-base, 20))) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc(2 * 1rem / var(--cds-global-base, 20))) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10);--panel-height:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 20);--panel-height:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 20);--panel-height:calc(var(--cds-global-space-8, calc(18 * 1rem / var(--cds-global-base, 20))) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 40);--panel-height:calc(var(--cds-global-space-6, calc(12 * 1rem / var(--cds-global-base, 20))) * 40)}`;export{l as default};
|
|
2
2
|
//# sourceMappingURL=selection-panel.element.scss.js.map
|
package/styles/module.layout.css
CHANGED
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
*/
|
|
17
17
|
:root,
|
|
18
18
|
:host {
|
|
19
|
-
--δ1: var(--cds-global-layout-space-xxxs,
|
|
20
|
-
--δ2: var(--cds-global-layout-space-xxs,
|
|
21
|
-
--δ3: var(--cds-global-layout-space-xs,
|
|
22
|
-
--δ4: var(--cds-global-layout-space-sm,
|
|
23
|
-
--δ5: var(--cds-global-layout-space-md, 1rem);
|
|
24
|
-
--δ6: var(--cds-global-layout-space-lg,
|
|
25
|
-
--δ7: var(--cds-global-layout-space-xl,
|
|
26
|
-
--δ8: var(--cds-global-layout-space-xxl,
|
|
27
|
-
--δ9: var(--cds-global-layout-space-xxxl,
|
|
19
|
+
--δ1: var(--cds-global-layout-space-xxxs, calc(2 * 1rem / var(--cds-global-base, 20)));
|
|
20
|
+
--δ2: var(--cds-global-layout-space-xxs, calc(4 * 1rem / var(--cds-global-base, 20)));
|
|
21
|
+
--δ3: var(--cds-global-layout-space-xs, calc(8 * 1rem / var(--cds-global-base, 20)));
|
|
22
|
+
--δ4: var(--cds-global-layout-space-sm, calc(12 * 1rem / var(--cds-global-base, 20)));
|
|
23
|
+
--δ5: var(--cds-global-layout-space-md, calc(16 * 1rem / var(--cds-global-base, 20)));
|
|
24
|
+
--δ6: var(--cds-global-layout-space-lg, calc(24 * 1rem / var(--cds-global-base, 20)));
|
|
25
|
+
--δ7: var(--cds-global-layout-space-xl, calc(32 * 1rem / var(--cds-global-base, 20)));
|
|
26
|
+
--δ8: var(--cds-global-layout-space-xxl, calc(48 * 1rem / var(--cds-global-base, 20)));
|
|
27
|
+
--δ9: var(--cds-global-layout-space-xxxl, calc(64 * 1rem / var(--cds-global-base, 20)));
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
/*
|