scu-web-components 1.2.1 → 1.2.2
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/docs/components/ScwHorizontalNav.json +2 -2
- package/dist/docs/components/ScwIcon.json +2 -2
- package/dist/docs/components/manifest.json +12 -12
- package/dist/docs/config.json +5 -5
- package/dist/scw-components.js +82 -23
- package/dist/scw-components.js.gz +0 -0
- package/dist/scw.js +82 -23
- package/dist/scw.js.gz +0 -0
- package/dist/tokens/segments/comp-scw-horizontal-nav/_align-left-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav/_align-left-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_align-vertical-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav/_align-vertical-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_default-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav/_default-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_index-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_index-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-mixins.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-vars.scss +1 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-mixins.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-container-vars.scss +1 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-scw-horizontal-nav-item-vars.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_default-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_default-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_index-mixins.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_index-vars.scss +1 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-mixins.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-container-vars.scss +1 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-mixins.scss +13 -13
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_size-small-vars.scss +7 -7
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-mixins.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-container-vars.scss +1 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-mixins.scss +13 -13
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-size-small-vars.scss +7 -7
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-container-mixins.scss +5 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-container-vars.scss +7 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-mixins.scss +11 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-container-vars.scss +10 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-mixins.scss +20 -20
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-size-small-vars.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-button-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-mixins.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-container-vars.scss +1 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-mixins.scss +13 -13
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-size-small-vars.scss +7 -7
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-container-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-container-vars.scss +2 -0
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-container-vars.scss +5 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-mixins.scss +20 -20
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-size-small-vars.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-button-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-mixins.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-container-vars.scss +1 -1
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-mixins.scss +13 -13
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-size-small-vars.scss +7 -7
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-container-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-mixins.scss +20 -20
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-size-small-vars.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-button-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-label-menu-item-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-label-menu-item-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-label-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-label-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-mixins.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-scw-icon-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-scw-icon-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-container-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-mixins.scss +20 -20
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-size-small-vars.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-button-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-mixins.scss +10 -10
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-vars.scss +6 -6
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-vars.scss +6 -6
- package/dist/tokens/source/assets/graphic-apple-app-store.js +1 -1
- package/dist/tokens/source/assets/graphic-apple-app-store.js.gz +0 -0
- package/dist/tokens/source/assets/graphic-apple-app-store.svg +1 -1
- package/dist/tokens/source/assets/graphic-apple-app-store.svg.gz +0 -0
- package/dist/tokens/source/assets/graphic-ehl.js +1 -1
- package/dist/tokens/source/assets/graphic-ehl.js.gz +0 -0
- package/dist/tokens/source/assets/graphic-ehl.svg +1 -1
- package/dist/tokens/source/assets/graphic-ehl.svg.gz +0 -0
- package/dist/tokens/source/assets/graphic-google-play-store.js +1 -1
- package/dist/tokens/source/assets/graphic-google-play-store.js.gz +0 -0
- package/dist/tokens/source/assets/graphic-google-play-store.svg +1 -1
- package/dist/tokens/source/assets/graphic-google-play-store.svg.gz +0 -0
- package/dist/tokens/source/assets/graphic-logo.js +1 -1
- package/dist/tokens/source/assets/graphic-logo.js.gz +0 -0
- package/dist/tokens/source/assets/graphic-logo.svg +1 -1
- package/dist/tokens/source/assets/graphic-logo.svg.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-align-left-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-align-left-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-align-vertical-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-align-vertical-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-default-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-default-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-default-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-default-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-.json +10 -10
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-.json +10 -10
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-container-.json +2 -2
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-.json +16 -16
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-.json +10 -10
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-.json +10 -10
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-container-.json +2 -2
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-.json +16 -16
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-.json +10 -10
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-.json +10 -10
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-.json +16 -16
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-.json +16 -16
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json +6 -6
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-.json +8 -8
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins.json +486 -486
- package/dist/tokens/source/componentScssMixins.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins.scss +563 -561
- package/dist/tokens/source/jsCss.js +1 -1
- package/dist/tokens/source/jsCss.js.gz +0 -0
- package/dist/tokens/source/jsCssGenerator.js +1 -1
- package/dist/tokens/source/jsCssGenerator.js.gz +0 -0
- package/dist/tokens/source/jsCssGeneratorSansAssets.js +1 -1
- package/dist/tokens/source/jsCssGeneratorSansAssets.js.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-align-left-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-align-left-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-align-vertical-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-align-vertical-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-default-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-default-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-.json +2 -2
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-default-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-default-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-.json +14 -14
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-.json +2 -2
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-.json +14 -14
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-.json +2 -2
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-container-.json +29 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-.json +20 -20
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-.json +35 -10
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-.json +14 -14
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-.json +2 -2
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-container-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-.json +20 -20
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-.json +10 -10
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-.json +14 -14
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-.json +2 -2
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-.json +20 -20
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-.json +20 -20
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-size-small-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-.json +2 -2
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json +12 -12
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-.json +8 -8
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-.json +2 -2
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-.json +6 -6
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon-.json.gz +0 -0
- package/dist/tokens/source/scssVariables.json +662 -612
- package/dist/tokens/source/scssVariables.json.gz +0 -0
- package/dist/tokens/source/scssVariables.scss +316 -306
- package/dist/tokens/source/tokens.json +362 -320
- package/dist/tokens/source/tokens.json.gz +0 -0
- package/dist-node/scw-components.js +112 -53
- package/dist-node/scw.js +82 -23
- package/package.json +1 -1
- package/scripts/publish/releaseNotes.mjs +6 -0
|
@@ -91743,8 +91743,8 @@
|
|
|
91743
91743
|
"outputSegmentRef": "index-mixins.box"
|
|
91744
91744
|
},
|
|
91745
91745
|
"sizing": {
|
|
91746
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item--sizing {\n width: 681px;\n height:
|
|
91747
|
-
"outputSegment": "\n@mixin sizing {\n width: 681px;\n height:
|
|
91746
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item--sizing {\n width: 681px;\n height: 1153px;\n}",
|
|
91747
|
+
"outputSegment": "\n@mixin sizing {\n width: 681px;\n height: 1153px;\n}",
|
|
91748
91748
|
"outputSegmentRef": "index-mixins.sizing"
|
|
91749
91749
|
},
|
|
91750
91750
|
"width": {
|
|
@@ -91753,8 +91753,8 @@
|
|
|
91753
91753
|
"outputSegmentRef": "index-mixins.width"
|
|
91754
91754
|
},
|
|
91755
91755
|
"height": {
|
|
91756
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item--height {\n height:
|
|
91757
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
91756
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item--height {\n height: 1153px;\n}",
|
|
91757
|
+
"outputSegment": "\n@mixin height {\n height: 1153px;\n}",
|
|
91758
91758
|
"outputSegmentRef": "index-mixins.height"
|
|
91759
91759
|
},
|
|
91760
91760
|
"padding": {
|
|
@@ -91820,18 +91820,18 @@
|
|
|
91820
91820
|
"outputSegmentRef": "default-mixins.figma-autolayout"
|
|
91821
91821
|
},
|
|
91822
91822
|
"absolute-layout": {
|
|
91823
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-default--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
91824
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
91823
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-default--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 27.10009765625 );\n width: 128px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
91824
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 27.10009765625 );\n width: 128px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
91825
91825
|
"outputSegmentRef": "default-mixins.absolute-layout"
|
|
91826
91826
|
},
|
|
91827
91827
|
"html-autolayout-margins": {
|
|
91828
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-default--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
91829
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
91828
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-default--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
91829
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
91830
91830
|
"outputSegmentRef": "default-mixins.html-autolayout-margins"
|
|
91831
91831
|
},
|
|
91832
91832
|
"html-autolayout-padding": {
|
|
91833
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-default--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
91834
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
91833
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-default--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
91834
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
91835
91835
|
"outputSegmentRef": "default-mixins.html-autolayout-padding"
|
|
91836
91836
|
}
|
|
91837
91837
|
},
|
|
@@ -92179,18 +92179,18 @@
|
|
|
92179
92179
|
"outputSegmentRef": "style-vertical-tab-mixins.figma-autolayout"
|
|
92180
92180
|
},
|
|
92181
92181
|
"absolute-layout": {
|
|
92182
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
92183
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
92182
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 27.4 );\n width: 128px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
92183
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 27.4 );\n width: 128px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
92184
92184
|
"outputSegmentRef": "style-vertical-tab-mixins.absolute-layout"
|
|
92185
92185
|
},
|
|
92186
92186
|
"html-autolayout-margins": {
|
|
92187
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92188
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92187
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 27.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 27.9 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
92188
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 27.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 27.9 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
92189
92189
|
"outputSegmentRef": "style-vertical-tab-mixins.html-autolayout-margins"
|
|
92190
92190
|
},
|
|
92191
92191
|
"html-autolayout-padding": {
|
|
92192
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92193
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92192
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 27.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 27.9 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
92193
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 27.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 27.9 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
92194
92194
|
"outputSegmentRef": "style-vertical-tab-mixins.html-autolayout-padding"
|
|
92195
92195
|
}
|
|
92196
92196
|
},
|
|
@@ -92513,13 +92513,13 @@
|
|
|
92513
92513
|
"outputSegmentRef": "size-small-mixins.box"
|
|
92514
92514
|
},
|
|
92515
92515
|
"sizing": {
|
|
92516
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--sizing {\n width:
|
|
92517
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
92516
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--sizing {\n width: 93px;\n height: 68px;\n}",
|
|
92517
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 68px;\n}",
|
|
92518
92518
|
"outputSegmentRef": "size-small-mixins.sizing"
|
|
92519
92519
|
},
|
|
92520
92520
|
"width": {
|
|
92521
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--width {\n width:
|
|
92522
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
92521
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--width {\n width: 93px;\n}",
|
|
92522
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
92523
92523
|
"outputSegmentRef": "size-small-mixins.width"
|
|
92524
92524
|
},
|
|
92525
92525
|
"height": {
|
|
@@ -92538,18 +92538,18 @@
|
|
|
92538
92538
|
"outputSegmentRef": "size-small-mixins.figma-autolayout"
|
|
92539
92539
|
},
|
|
92540
92540
|
"absolute-layout": {
|
|
92541
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
92542
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
92541
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 20.30009765625 );\n width: 93px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
92542
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 20.30009765625 );\n width: 93px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
92543
92543
|
"outputSegmentRef": "size-small-mixins.absolute-layout"
|
|
92544
92544
|
},
|
|
92545
92545
|
"html-autolayout-margins": {
|
|
92546
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92547
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92546
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
92547
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
92548
92548
|
"outputSegmentRef": "size-small-mixins.html-autolayout-margins"
|
|
92549
92549
|
},
|
|
92550
92550
|
"html-autolayout-padding": {
|
|
92551
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92552
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92551
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
92552
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
92553
92553
|
"outputSegmentRef": "size-small-mixins.html-autolayout-padding"
|
|
92554
92554
|
}
|
|
92555
92555
|
},
|
|
@@ -92565,13 +92565,13 @@
|
|
|
92565
92565
|
"outputSegmentRef": "size-small-container-mixins.box"
|
|
92566
92566
|
},
|
|
92567
92567
|
"sizing": {
|
|
92568
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container--sizing {\n width:
|
|
92569
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
92568
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container--sizing {\n width: 93px;\n height: 63px;\n}",
|
|
92569
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 63px;\n}",
|
|
92570
92570
|
"outputSegmentRef": "size-small-container-mixins.sizing"
|
|
92571
92571
|
},
|
|
92572
92572
|
"width": {
|
|
92573
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container--width {\n width:
|
|
92574
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
92573
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container--width {\n width: 93px;\n}",
|
|
92574
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
92575
92575
|
"outputSegmentRef": "size-small-container-mixins.width"
|
|
92576
92576
|
},
|
|
92577
92577
|
"height": {
|
|
@@ -92647,13 +92647,13 @@
|
|
|
92647
92647
|
"outputSegmentRef": "size-small-container-scw-icon-mixins.absolute-layout"
|
|
92648
92648
|
},
|
|
92649
92649
|
"html-autolayout-margins": {
|
|
92650
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92651
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92650
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
92651
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
92652
92652
|
"outputSegmentRef": "size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
92653
92653
|
},
|
|
92654
92654
|
"html-autolayout-padding": {
|
|
92655
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92656
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92655
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
92656
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
92657
92657
|
"outputSegmentRef": "size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
92658
92658
|
}
|
|
92659
92659
|
},
|
|
@@ -92773,13 +92773,13 @@
|
|
|
92773
92773
|
"outputSegmentRef": "size-small-container-label-mixins.box"
|
|
92774
92774
|
},
|
|
92775
92775
|
"sizing": {
|
|
92776
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--sizing {\n width:
|
|
92777
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
92776
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--sizing {\n width: 93px;\n height: 23px;\n}",
|
|
92777
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 23px;\n}",
|
|
92778
92778
|
"outputSegmentRef": "size-small-container-label-mixins.sizing"
|
|
92779
92779
|
},
|
|
92780
92780
|
"width": {
|
|
92781
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--width {\n width:
|
|
92782
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
92781
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--width {\n width: 93px;\n}",
|
|
92782
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
92783
92783
|
"outputSegmentRef": "size-small-container-label-mixins.width"
|
|
92784
92784
|
},
|
|
92785
92785
|
"height": {
|
|
@@ -92788,13 +92788,13 @@
|
|
|
92788
92788
|
"outputSegmentRef": "size-small-container-label-mixins.height"
|
|
92789
92789
|
},
|
|
92790
92790
|
"padding": {
|
|
92791
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--padding {\n padding-left:
|
|
92792
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
92791
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
92792
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
92793
92793
|
"outputSegmentRef": "size-small-container-label-mixins.padding"
|
|
92794
92794
|
},
|
|
92795
92795
|
"figma-autolayout": {
|
|
92796
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
92797
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
92796
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
92797
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
92798
92798
|
"outputSegmentRef": "size-small-container-label-mixins.figma-autolayout"
|
|
92799
92799
|
},
|
|
92800
92800
|
"absolute-layout": {
|
|
@@ -92850,13 +92850,13 @@
|
|
|
92850
92850
|
"outputSegmentRef": "size-small-container-label-menu-item-mixins.absolute-layout"
|
|
92851
92851
|
},
|
|
92852
92852
|
"html-autolayout-margins": {
|
|
92853
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
92854
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
92853
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
92854
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
92855
92855
|
"outputSegmentRef": "size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
92856
92856
|
},
|
|
92857
92857
|
"html-autolayout-padding": {
|
|
92858
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
92859
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
92858
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
92859
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
92860
92860
|
"outputSegmentRef": "size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
92861
92861
|
}
|
|
92862
92862
|
},
|
|
@@ -92897,18 +92897,18 @@
|
|
|
92897
92897
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.figma-autolayout"
|
|
92898
92898
|
},
|
|
92899
92899
|
"absolute-layout": {
|
|
92900
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
92901
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
92900
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 22.6 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
92901
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 22.6 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
92902
92902
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.absolute-layout"
|
|
92903
92903
|
},
|
|
92904
92904
|
"html-autolayout-margins": {
|
|
92905
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92906
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
92905
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 22.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 35.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
92906
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 22.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 35.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
92907
92907
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.html-autolayout-margins"
|
|
92908
92908
|
},
|
|
92909
92909
|
"html-autolayout-padding": {
|
|
92910
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92911
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
92910
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 22.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 35.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
92911
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 22.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 35.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
92912
92912
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.html-autolayout-padding"
|
|
92913
92913
|
}
|
|
92914
92914
|
},
|
|
@@ -93256,18 +93256,18 @@
|
|
|
93256
93256
|
"outputSegmentRef": "style-button-mixins.figma-autolayout"
|
|
93257
93257
|
},
|
|
93258
93258
|
"absolute-layout": {
|
|
93259
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
93260
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
93259
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 1.6 );\n width: 142px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
93260
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 1.6 );\n width: 142px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
93261
93261
|
"outputSegmentRef": "style-button-mixins.absolute-layout"
|
|
93262
93262
|
},
|
|
93263
93263
|
"html-autolayout-margins": {
|
|
93264
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
93265
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
93264
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 52.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
93265
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 52.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
93266
93266
|
"outputSegmentRef": "style-button-mixins.html-autolayout-margins"
|
|
93267
93267
|
},
|
|
93268
93268
|
"html-autolayout-padding": {
|
|
93269
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
93270
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
93269
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 52.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
93270
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 52.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
93271
93271
|
"outputSegmentRef": "style-button-mixins.html-autolayout-padding"
|
|
93272
93272
|
}
|
|
93273
93273
|
},
|
|
@@ -93590,43 +93590,43 @@
|
|
|
93590
93590
|
"outputSegmentRef": "style-button-size-small-mixins.box"
|
|
93591
93591
|
},
|
|
93592
93592
|
"sizing": {
|
|
93593
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--sizing {\n width:
|
|
93594
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
93593
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--sizing {\n width: 102px;\n height: 109px;\n}",
|
|
93594
|
+
"outputSegment": "\n@mixin sizing {\n width: 102px;\n height: 109px;\n}",
|
|
93595
93595
|
"outputSegmentRef": "style-button-size-small-mixins.sizing"
|
|
93596
93596
|
},
|
|
93597
93597
|
"width": {
|
|
93598
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--width {\n width:
|
|
93599
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
93598
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--width {\n width: 102px;\n}",
|
|
93599
|
+
"outputSegment": "\n@mixin width {\n width: 102px;\n}",
|
|
93600
93600
|
"outputSegmentRef": "style-button-size-small-mixins.width"
|
|
93601
93601
|
},
|
|
93602
93602
|
"height": {
|
|
93603
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--height {\n height:
|
|
93604
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
93603
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--height {\n height: 109px;\n}",
|
|
93604
|
+
"outputSegment": "\n@mixin height {\n height: 109px;\n}",
|
|
93605
93605
|
"outputSegmentRef": "style-button-size-small-mixins.height"
|
|
93606
93606
|
},
|
|
93607
93607
|
"padding": {
|
|
93608
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
93609
|
-
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
93608
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
93609
|
+
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
93610
93610
|
"outputSegmentRef": "style-button-size-small-mixins.padding"
|
|
93611
93611
|
},
|
|
93612
93612
|
"figma-autolayout": {
|
|
93613
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
93614
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
93613
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
93614
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
93615
93615
|
"outputSegmentRef": "style-button-size-small-mixins.figma-autolayout"
|
|
93616
93616
|
},
|
|
93617
93617
|
"absolute-layout": {
|
|
93618
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
93619
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
93618
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 1.6 );\n width: 102px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
93619
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 1.6 );\n width: 102px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
93620
93620
|
"outputSegmentRef": "style-button-size-small-mixins.absolute-layout"
|
|
93621
93621
|
},
|
|
93622
93622
|
"html-autolayout-margins": {
|
|
93623
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
93624
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
93623
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 56.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
93624
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 56.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
93625
93625
|
"outputSegmentRef": "style-button-size-small-mixins.html-autolayout-margins"
|
|
93626
93626
|
},
|
|
93627
93627
|
"html-autolayout-padding": {
|
|
93628
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
93629
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
93628
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 56.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
93629
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 56.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
93630
93630
|
"outputSegmentRef": "style-button-size-small-mixins.html-autolayout-padding"
|
|
93631
93631
|
}
|
|
93632
93632
|
},
|
|
@@ -93642,13 +93642,13 @@
|
|
|
93642
93642
|
"outputSegmentRef": "style-button-size-small-container-mixins.box"
|
|
93643
93643
|
},
|
|
93644
93644
|
"sizing": {
|
|
93645
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--sizing {\n width:
|
|
93646
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
93645
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--sizing {\n width: 92px;\n height: 89px;\n}",
|
|
93646
|
+
"outputSegment": "\n@mixin sizing {\n width: 92px;\n height: 89px;\n}",
|
|
93647
93647
|
"outputSegmentRef": "style-button-size-small-container-mixins.sizing"
|
|
93648
93648
|
},
|
|
93649
93649
|
"width": {
|
|
93650
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--width {\n width:
|
|
93651
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
93650
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--width {\n width: 92px;\n}",
|
|
93651
|
+
"outputSegment": "\n@mixin width {\n width: 92px;\n}",
|
|
93652
93652
|
"outputSegmentRef": "style-button-size-small-container-mixins.width"
|
|
93653
93653
|
},
|
|
93654
93654
|
"height": {
|
|
@@ -93672,13 +93672,13 @@
|
|
|
93672
93672
|
"outputSegmentRef": "style-button-size-small-container-mixins.absolute-layout"
|
|
93673
93673
|
},
|
|
93674
93674
|
"html-autolayout-margins": {
|
|
93675
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
93676
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
93675
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
93676
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
93677
93677
|
"outputSegmentRef": "style-button-size-small-container-mixins.html-autolayout-margins"
|
|
93678
93678
|
},
|
|
93679
93679
|
"html-autolayout-padding": {
|
|
93680
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
93681
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
93680
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
93681
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
93682
93682
|
"outputSegmentRef": "style-button-size-small-container-mixins.html-autolayout-padding"
|
|
93683
93683
|
}
|
|
93684
93684
|
},
|
|
@@ -93724,13 +93724,13 @@
|
|
|
93724
93724
|
"outputSegmentRef": "style-button-size-small-container-scw-icon-mixins.absolute-layout"
|
|
93725
93725
|
},
|
|
93726
93726
|
"html-autolayout-margins": {
|
|
93727
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.
|
|
93728
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.
|
|
93727
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.1 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.1 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
93728
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.1 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.1 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
93729
93729
|
"outputSegmentRef": "style-button-size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
93730
93730
|
},
|
|
93731
93731
|
"html-autolayout-padding": {
|
|
93732
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.
|
|
93733
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.
|
|
93732
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.1 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.1 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
93733
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.1 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.1 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
93734
93734
|
"outputSegmentRef": "style-button-size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
93735
93735
|
}
|
|
93736
93736
|
},
|
|
@@ -93850,13 +93850,13 @@
|
|
|
93850
93850
|
"outputSegmentRef": "style-button-size-small-container-label-mixins.box"
|
|
93851
93851
|
},
|
|
93852
93852
|
"sizing": {
|
|
93853
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--sizing {\n width:
|
|
93854
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
93853
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--sizing {\n width: 92px;\n height: 39px;\n}",
|
|
93854
|
+
"outputSegment": "\n@mixin sizing {\n width: 92px;\n height: 39px;\n}",
|
|
93855
93855
|
"outputSegmentRef": "style-button-size-small-container-label-mixins.sizing"
|
|
93856
93856
|
},
|
|
93857
93857
|
"width": {
|
|
93858
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--width {\n width:
|
|
93859
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
93858
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--width {\n width: 92px;\n}",
|
|
93859
|
+
"outputSegment": "\n@mixin width {\n width: 92px;\n}",
|
|
93860
93860
|
"outputSegmentRef": "style-button-size-small-container-label-mixins.width"
|
|
93861
93861
|
},
|
|
93862
93862
|
"height": {
|
|
@@ -93865,13 +93865,13 @@
|
|
|
93865
93865
|
"outputSegmentRef": "style-button-size-small-container-label-mixins.height"
|
|
93866
93866
|
},
|
|
93867
93867
|
"padding": {
|
|
93868
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--padding {\n padding-left:
|
|
93869
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
93868
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
93869
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
93870
93870
|
"outputSegmentRef": "style-button-size-small-container-label-mixins.padding"
|
|
93871
93871
|
},
|
|
93872
93872
|
"figma-autolayout": {
|
|
93873
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
93874
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
93873
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
93874
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
93875
93875
|
"outputSegmentRef": "style-button-size-small-container-label-mixins.figma-autolayout"
|
|
93876
93876
|
},
|
|
93877
93877
|
"absolute-layout": {
|
|
@@ -93927,13 +93927,13 @@
|
|
|
93927
93927
|
"outputSegmentRef": "style-button-size-small-container-label-menu-item-mixins.absolute-layout"
|
|
93928
93928
|
},
|
|
93929
93929
|
"html-autolayout-margins": {
|
|
93930
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
93931
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
93930
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
93931
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
93932
93932
|
"outputSegmentRef": "style-button-size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
93933
93933
|
},
|
|
93934
93934
|
"html-autolayout-padding": {
|
|
93935
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
93936
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
93935
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
93936
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
93937
93937
|
"outputSegmentRef": "style-button-size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
93938
93938
|
}
|
|
93939
93939
|
},
|
|
@@ -93974,18 +93974,18 @@
|
|
|
93974
93974
|
"outputSegmentRef": "state-default-mixins.figma-autolayout"
|
|
93975
93975
|
},
|
|
93976
93976
|
"absolute-layout": {
|
|
93977
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
93978
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
93977
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 14.70009765625 );\n width: 124px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
93978
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 14.70009765625 );\n width: 124px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
93979
93979
|
"outputSegmentRef": "state-default-mixins.absolute-layout"
|
|
93980
93980
|
},
|
|
93981
93981
|
"html-autolayout-margins": {
|
|
93982
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
93983
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
93982
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
93983
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
93984
93984
|
"outputSegmentRef": "state-default-mixins.html-autolayout-margins"
|
|
93985
93985
|
},
|
|
93986
93986
|
"html-autolayout-padding": {
|
|
93987
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
93988
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
93987
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
93988
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
93989
93989
|
"outputSegmentRef": "state-default-mixins.html-autolayout-padding"
|
|
93990
93990
|
}
|
|
93991
93991
|
},
|
|
@@ -94333,18 +94333,18 @@
|
|
|
94333
94333
|
"outputSegmentRef": "state-default-style-vertical-tab-mixins.figma-autolayout"
|
|
94334
94334
|
},
|
|
94335
94335
|
"absolute-layout": {
|
|
94336
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
94337
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
94336
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 15 );\n width: 124px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
94337
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 15 );\n width: 124px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
94338
94338
|
"outputSegmentRef": "state-default-style-vertical-tab-mixins.absolute-layout"
|
|
94339
94339
|
},
|
|
94340
94340
|
"html-autolayout-margins": {
|
|
94341
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
94342
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
94341
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 15 );\n margin-right: calc( var( --scw-spacing-1 ) * 40.7 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
94342
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 15 );\n margin-right: calc( var( --scw-spacing-1 ) * 40.7 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
94343
94343
|
"outputSegmentRef": "state-default-style-vertical-tab-mixins.html-autolayout-margins"
|
|
94344
94344
|
},
|
|
94345
94345
|
"html-autolayout-padding": {
|
|
94346
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
94347
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
94346
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 15 );\n padding-right: calc( var( --scw-spacing-1 ) * 40.7 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
94347
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 15 );\n padding-right: calc( var( --scw-spacing-1 ) * 40.7 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
94348
94348
|
"outputSegmentRef": "state-default-style-vertical-tab-mixins.html-autolayout-padding"
|
|
94349
94349
|
}
|
|
94350
94350
|
},
|
|
@@ -94667,13 +94667,13 @@
|
|
|
94667
94667
|
"outputSegmentRef": "state-default-size-small-mixins.box"
|
|
94668
94668
|
},
|
|
94669
94669
|
"sizing": {
|
|
94670
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--sizing {\n width:
|
|
94671
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
94670
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--sizing {\n width: 90px;\n height: 68px;\n}",
|
|
94671
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 68px;\n}",
|
|
94672
94672
|
"outputSegmentRef": "state-default-size-small-mixins.sizing"
|
|
94673
94673
|
},
|
|
94674
94674
|
"width": {
|
|
94675
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--width {\n width:
|
|
94676
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
94675
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--width {\n width: 90px;\n}",
|
|
94676
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
94677
94677
|
"outputSegmentRef": "state-default-size-small-mixins.width"
|
|
94678
94678
|
},
|
|
94679
94679
|
"height": {
|
|
@@ -94692,18 +94692,18 @@
|
|
|
94692
94692
|
"outputSegmentRef": "state-default-size-small-mixins.figma-autolayout"
|
|
94693
94693
|
},
|
|
94694
94694
|
"absolute-layout": {
|
|
94695
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
94696
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
94695
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 11.30009765625 );\n width: 90px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
94696
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 11.30009765625 );\n width: 90px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
94697
94697
|
"outputSegmentRef": "state-default-size-small-mixins.absolute-layout"
|
|
94698
94698
|
},
|
|
94699
94699
|
"html-autolayout-margins": {
|
|
94700
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
94701
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
94700
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
94701
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
94702
94702
|
"outputSegmentRef": "state-default-size-small-mixins.html-autolayout-margins"
|
|
94703
94703
|
},
|
|
94704
94704
|
"html-autolayout-padding": {
|
|
94705
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
94706
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
94705
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
94706
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
94707
94707
|
"outputSegmentRef": "state-default-size-small-mixins.html-autolayout-padding"
|
|
94708
94708
|
}
|
|
94709
94709
|
},
|
|
@@ -94719,13 +94719,13 @@
|
|
|
94719
94719
|
"outputSegmentRef": "state-default-size-small-container-mixins.box"
|
|
94720
94720
|
},
|
|
94721
94721
|
"sizing": {
|
|
94722
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container--sizing {\n width:
|
|
94723
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
94722
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container--sizing {\n width: 90px;\n height: 63px;\n}",
|
|
94723
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 63px;\n}",
|
|
94724
94724
|
"outputSegmentRef": "state-default-size-small-container-mixins.sizing"
|
|
94725
94725
|
},
|
|
94726
94726
|
"width": {
|
|
94727
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container--width {\n width:
|
|
94728
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
94727
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container--width {\n width: 90px;\n}",
|
|
94728
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
94729
94729
|
"outputSegmentRef": "state-default-size-small-container-mixins.width"
|
|
94730
94730
|
},
|
|
94731
94731
|
"height": {
|
|
@@ -94801,13 +94801,13 @@
|
|
|
94801
94801
|
"outputSegmentRef": "state-default-size-small-container-scw-icon-mixins.absolute-layout"
|
|
94802
94802
|
},
|
|
94803
94803
|
"html-autolayout-margins": {
|
|
94804
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
94805
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
94804
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
94805
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
94806
94806
|
"outputSegmentRef": "state-default-size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
94807
94807
|
},
|
|
94808
94808
|
"html-autolayout-padding": {
|
|
94809
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
94810
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
94809
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
94810
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
94811
94811
|
"outputSegmentRef": "state-default-size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
94812
94812
|
}
|
|
94813
94813
|
},
|
|
@@ -94927,13 +94927,13 @@
|
|
|
94927
94927
|
"outputSegmentRef": "state-default-size-small-container-label-mixins.box"
|
|
94928
94928
|
},
|
|
94929
94929
|
"sizing": {
|
|
94930
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--sizing {\n width:
|
|
94931
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
94930
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--sizing {\n width: 90px;\n height: 23px;\n}",
|
|
94931
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 23px;\n}",
|
|
94932
94932
|
"outputSegmentRef": "state-default-size-small-container-label-mixins.sizing"
|
|
94933
94933
|
},
|
|
94934
94934
|
"width": {
|
|
94935
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--width {\n width:
|
|
94936
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
94935
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--width {\n width: 90px;\n}",
|
|
94936
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
94937
94937
|
"outputSegmentRef": "state-default-size-small-container-label-mixins.width"
|
|
94938
94938
|
},
|
|
94939
94939
|
"height": {
|
|
@@ -94942,13 +94942,13 @@
|
|
|
94942
94942
|
"outputSegmentRef": "state-default-size-small-container-label-mixins.height"
|
|
94943
94943
|
},
|
|
94944
94944
|
"padding": {
|
|
94945
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--padding {\n padding-left:
|
|
94946
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
94945
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
94946
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
94947
94947
|
"outputSegmentRef": "state-default-size-small-container-label-mixins.padding"
|
|
94948
94948
|
},
|
|
94949
94949
|
"figma-autolayout": {
|
|
94950
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
94951
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
94950
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
94951
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
94952
94952
|
"outputSegmentRef": "state-default-size-small-container-label-mixins.figma-autolayout"
|
|
94953
94953
|
},
|
|
94954
94954
|
"absolute-layout": {
|
|
@@ -95004,13 +95004,13 @@
|
|
|
95004
95004
|
"outputSegmentRef": "state-default-size-small-container-label-menu-item-mixins.absolute-layout"
|
|
95005
95005
|
},
|
|
95006
95006
|
"html-autolayout-margins": {
|
|
95007
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
95008
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
95007
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
95008
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
95009
95009
|
"outputSegmentRef": "state-default-size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
95010
95010
|
},
|
|
95011
95011
|
"html-autolayout-padding": {
|
|
95012
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
95013
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
95012
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
95013
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
95014
95014
|
"outputSegmentRef": "state-default-size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
95015
95015
|
}
|
|
95016
95016
|
},
|
|
@@ -95051,18 +95051,18 @@
|
|
|
95051
95051
|
"outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.figma-autolayout"
|
|
95052
95052
|
},
|
|
95053
95053
|
"absolute-layout": {
|
|
95054
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
95055
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
95054
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 12.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
95055
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 12.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
95056
95056
|
"outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.absolute-layout"
|
|
95057
95057
|
},
|
|
95058
95058
|
"html-autolayout-margins": {
|
|
95059
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
95060
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
95059
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 12.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 45.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
95060
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 12.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 45.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
95061
95061
|
"outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.html-autolayout-margins"
|
|
95062
95062
|
},
|
|
95063
95063
|
"html-autolayout-padding": {
|
|
95064
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
95065
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
95064
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 12.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 45.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
95065
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 12.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 45.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
95066
95066
|
"outputSegmentRef": "state-default-style-vertical-tab-size-small-mixins.html-autolayout-padding"
|
|
95067
95067
|
}
|
|
95068
95068
|
},
|
|
@@ -95410,18 +95410,18 @@
|
|
|
95410
95410
|
"outputSegmentRef": "state-default-style-button-mixins.figma-autolayout"
|
|
95411
95411
|
},
|
|
95412
95412
|
"absolute-layout": {
|
|
95413
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
95414
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
95413
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 15.8 );\n width: 140px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
95414
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 15.8 );\n width: 140px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
95415
95415
|
"outputSegmentRef": "state-default-style-button-mixins.absolute-layout"
|
|
95416
95416
|
},
|
|
95417
95417
|
"html-autolayout-margins": {
|
|
95418
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
95419
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
95418
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 15.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 38.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
95419
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 15.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 38.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
95420
95420
|
"outputSegmentRef": "state-default-style-button-mixins.html-autolayout-margins"
|
|
95421
95421
|
},
|
|
95422
95422
|
"html-autolayout-padding": {
|
|
95423
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
95424
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
95423
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 15.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 38.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
95424
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 15.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 38.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
95425
95425
|
"outputSegmentRef": "state-default-style-button-mixins.html-autolayout-padding"
|
|
95426
95426
|
}
|
|
95427
95427
|
},
|
|
@@ -95432,8 +95432,8 @@
|
|
|
95432
95432
|
"namespace": "state-default-style-button-container-mixins"
|
|
95433
95433
|
},
|
|
95434
95434
|
"box": {
|
|
95435
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
95436
|
-
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
95435
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n align-self: stretch; \n}",
|
|
95436
|
+
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n align-self: stretch; \n}",
|
|
95437
95437
|
"outputSegmentRef": "state-default-style-button-container-mixins.box"
|
|
95438
95438
|
},
|
|
95439
95439
|
"sizing": {
|
|
@@ -95744,43 +95744,43 @@
|
|
|
95744
95744
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.box"
|
|
95745
95745
|
},
|
|
95746
95746
|
"sizing": {
|
|
95747
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--sizing {\n width:
|
|
95748
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
95747
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--sizing {\n width: 100px;\n height: 109px;\n}",
|
|
95748
|
+
"outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 109px;\n}",
|
|
95749
95749
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.sizing"
|
|
95750
95750
|
},
|
|
95751
95751
|
"width": {
|
|
95752
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--width {\n width:
|
|
95753
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
95752
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--width {\n width: 100px;\n}",
|
|
95753
|
+
"outputSegment": "\n@mixin width {\n width: 100px;\n}",
|
|
95754
95754
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.width"
|
|
95755
95755
|
},
|
|
95756
95756
|
"height": {
|
|
95757
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--height {\n height:
|
|
95758
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
95757
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--height {\n height: 109px;\n}",
|
|
95758
|
+
"outputSegment": "\n@mixin height {\n height: 109px;\n}",
|
|
95759
95759
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.height"
|
|
95760
95760
|
},
|
|
95761
95761
|
"padding": {
|
|
95762
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
95763
|
-
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
95762
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
95763
|
+
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
95764
95764
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.padding"
|
|
95765
95765
|
},
|
|
95766
95766
|
"figma-autolayout": {
|
|
95767
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
95768
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
95767
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
95768
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
95769
95769
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.figma-autolayout"
|
|
95770
95770
|
},
|
|
95771
95771
|
"absolute-layout": {
|
|
95772
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
95773
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
95772
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 11.8 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
95773
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 11.8 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
95774
95774
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.absolute-layout"
|
|
95775
95775
|
},
|
|
95776
95776
|
"html-autolayout-margins": {
|
|
95777
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
95778
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
95777
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 11.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 46.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
95778
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 11.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 46.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
95779
95779
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.html-autolayout-margins"
|
|
95780
95780
|
},
|
|
95781
95781
|
"html-autolayout-padding": {
|
|
95782
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
95783
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
95782
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 11.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 46.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
95783
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 11.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 46.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
95784
95784
|
"outputSegmentRef": "state-default-style-button-size-small-mixins.html-autolayout-padding"
|
|
95785
95785
|
}
|
|
95786
95786
|
},
|
|
@@ -95791,18 +95791,18 @@
|
|
|
95791
95791
|
"namespace": "state-default-style-button-size-small-container-mixins"
|
|
95792
95792
|
},
|
|
95793
95793
|
"box": {
|
|
95794
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
95795
|
-
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
95794
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n align-self: stretch; \n}",
|
|
95795
|
+
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n align-self: stretch; \n}",
|
|
95796
95796
|
"outputSegmentRef": "state-default-style-button-size-small-container-mixins.box"
|
|
95797
95797
|
},
|
|
95798
95798
|
"sizing": {
|
|
95799
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--sizing {\n width:
|
|
95800
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
95799
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--sizing {\n width: 90px;\n height: 89px;\n}",
|
|
95800
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 89px;\n}",
|
|
95801
95801
|
"outputSegmentRef": "state-default-style-button-size-small-container-mixins.sizing"
|
|
95802
95802
|
},
|
|
95803
95803
|
"width": {
|
|
95804
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--width {\n width:
|
|
95805
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
95804
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--width {\n width: 90px;\n}",
|
|
95805
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
95806
95806
|
"outputSegmentRef": "state-default-style-button-size-small-container-mixins.width"
|
|
95807
95807
|
},
|
|
95808
95808
|
"height": {
|
|
@@ -95826,13 +95826,13 @@
|
|
|
95826
95826
|
"outputSegmentRef": "state-default-style-button-size-small-container-mixins.absolute-layout"
|
|
95827
95827
|
},
|
|
95828
95828
|
"html-autolayout-margins": {
|
|
95829
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
95830
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
95829
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
95830
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
95831
95831
|
"outputSegmentRef": "state-default-style-button-size-small-container-mixins.html-autolayout-margins"
|
|
95832
95832
|
},
|
|
95833
95833
|
"html-autolayout-padding": {
|
|
95834
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
95835
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
95834
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
95835
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
95836
95836
|
"outputSegmentRef": "state-default-style-button-size-small-container-mixins.html-autolayout-padding"
|
|
95837
95837
|
}
|
|
95838
95838
|
},
|
|
@@ -95878,13 +95878,13 @@
|
|
|
95878
95878
|
"outputSegmentRef": "state-default-style-button-size-small-container-scw-icon-mixins.absolute-layout"
|
|
95879
95879
|
},
|
|
95880
95880
|
"html-autolayout-margins": {
|
|
95881
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
95882
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
95881
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-2 );\n margin-right: var( --scw-spacing-2 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
95882
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-2 );\n margin-right: var( --scw-spacing-2 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
95883
95883
|
"outputSegmentRef": "state-default-style-button-size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
95884
95884
|
},
|
|
95885
95885
|
"html-autolayout-padding": {
|
|
95886
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
95887
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
95886
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-2 );\n padding-right: var( --scw-spacing-2 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
95887
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-2 );\n padding-right: var( --scw-spacing-2 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
95888
95888
|
"outputSegmentRef": "state-default-style-button-size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
95889
95889
|
}
|
|
95890
95890
|
},
|
|
@@ -96004,13 +96004,13 @@
|
|
|
96004
96004
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-mixins.box"
|
|
96005
96005
|
},
|
|
96006
96006
|
"sizing": {
|
|
96007
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--sizing {\n width:
|
|
96008
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
96007
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--sizing {\n width: 90px;\n height: 39px;\n}",
|
|
96008
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 39px;\n}",
|
|
96009
96009
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-mixins.sizing"
|
|
96010
96010
|
},
|
|
96011
96011
|
"width": {
|
|
96012
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--width {\n width:
|
|
96013
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
96012
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--width {\n width: 90px;\n}",
|
|
96013
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
96014
96014
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-mixins.width"
|
|
96015
96015
|
},
|
|
96016
96016
|
"height": {
|
|
@@ -96019,13 +96019,13 @@
|
|
|
96019
96019
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-mixins.height"
|
|
96020
96020
|
},
|
|
96021
96021
|
"padding": {
|
|
96022
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--padding {\n padding-left:
|
|
96023
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
96022
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
96023
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
96024
96024
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-mixins.padding"
|
|
96025
96025
|
},
|
|
96026
96026
|
"figma-autolayout": {
|
|
96027
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
96028
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
96027
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
96028
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
96029
96029
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-mixins.figma-autolayout"
|
|
96030
96030
|
},
|
|
96031
96031
|
"absolute-layout": {
|
|
@@ -96081,13 +96081,13 @@
|
|
|
96081
96081
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-menu-item-mixins.absolute-layout"
|
|
96082
96082
|
},
|
|
96083
96083
|
"html-autolayout-margins": {
|
|
96084
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
96085
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
96084
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
96085
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
96086
96086
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
96087
96087
|
},
|
|
96088
96088
|
"html-autolayout-padding": {
|
|
96089
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
96090
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
96089
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
96090
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
96091
96091
|
"outputSegmentRef": "state-default-style-button-size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
96092
96092
|
}
|
|
96093
96093
|
},
|
|
@@ -96128,18 +96128,18 @@
|
|
|
96128
96128
|
"outputSegmentRef": "state-hover-mixins.figma-autolayout"
|
|
96129
96129
|
},
|
|
96130
96130
|
"absolute-layout": {
|
|
96131
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
96132
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
96131
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n width: 124px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
96132
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n width: 124px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
96133
96133
|
"outputSegmentRef": "state-hover-mixins.absolute-layout"
|
|
96134
96134
|
},
|
|
96135
96135
|
"html-autolayout-margins": {
|
|
96136
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
96137
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
96136
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 53.39990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
96137
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 53.39990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
96138
96138
|
"outputSegmentRef": "state-hover-mixins.html-autolayout-margins"
|
|
96139
96139
|
},
|
|
96140
96140
|
"html-autolayout-padding": {
|
|
96141
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
96142
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
96141
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 53.39990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
96142
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 53.39990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
96143
96143
|
"outputSegmentRef": "state-hover-mixins.html-autolayout-padding"
|
|
96144
96144
|
}
|
|
96145
96145
|
},
|
|
@@ -96487,18 +96487,18 @@
|
|
|
96487
96487
|
"outputSegmentRef": "state-hover-style-vertical-tab-mixins.figma-autolayout"
|
|
96488
96488
|
},
|
|
96489
96489
|
"absolute-layout": {
|
|
96490
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
96491
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
96490
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 124px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
96491
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 124px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
96492
96492
|
"outputSegmentRef": "state-hover-style-vertical-tab-mixins.absolute-layout"
|
|
96493
96493
|
},
|
|
96494
96494
|
"html-autolayout-margins": {
|
|
96495
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
96496
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
96495
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 53.1 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
96496
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 53.1 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
96497
96497
|
"outputSegmentRef": "state-hover-style-vertical-tab-mixins.html-autolayout-margins"
|
|
96498
96498
|
},
|
|
96499
96499
|
"html-autolayout-padding": {
|
|
96500
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
96501
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
96500
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 53.1 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
96501
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 53.1 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
96502
96502
|
"outputSegmentRef": "state-hover-style-vertical-tab-mixins.html-autolayout-padding"
|
|
96503
96503
|
}
|
|
96504
96504
|
},
|
|
@@ -96821,13 +96821,13 @@
|
|
|
96821
96821
|
"outputSegmentRef": "state-hover-size-small-mixins.box"
|
|
96822
96822
|
},
|
|
96823
96823
|
"sizing": {
|
|
96824
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--sizing {\n width:
|
|
96825
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
96824
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--sizing {\n width: 90px;\n height: 68px;\n}",
|
|
96825
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 68px;\n}",
|
|
96826
96826
|
"outputSegmentRef": "state-hover-size-small-mixins.sizing"
|
|
96827
96827
|
},
|
|
96828
96828
|
"width": {
|
|
96829
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--width {\n width:
|
|
96830
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
96829
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--width {\n width: 90px;\n}",
|
|
96830
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
96831
96831
|
"outputSegmentRef": "state-hover-size-small-mixins.width"
|
|
96832
96832
|
},
|
|
96833
96833
|
"height": {
|
|
@@ -96846,18 +96846,18 @@
|
|
|
96846
96846
|
"outputSegmentRef": "state-hover-size-small-mixins.figma-autolayout"
|
|
96847
96847
|
},
|
|
96848
96848
|
"absolute-layout": {
|
|
96849
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
96850
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
96849
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n width: 90px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
96850
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n width: 90px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
96851
96851
|
"outputSegmentRef": "state-hover-size-small-mixins.absolute-layout"
|
|
96852
96852
|
},
|
|
96853
96853
|
"html-autolayout-margins": {
|
|
96854
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
96855
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
96854
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
96855
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
96856
96856
|
"outputSegmentRef": "state-hover-size-small-mixins.html-autolayout-margins"
|
|
96857
96857
|
},
|
|
96858
96858
|
"html-autolayout-padding": {
|
|
96859
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
96860
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
96859
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
96860
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
96861
96861
|
"outputSegmentRef": "state-hover-size-small-mixins.html-autolayout-padding"
|
|
96862
96862
|
}
|
|
96863
96863
|
},
|
|
@@ -96873,13 +96873,13 @@
|
|
|
96873
96873
|
"outputSegmentRef": "state-hover-size-small-container-mixins.box"
|
|
96874
96874
|
},
|
|
96875
96875
|
"sizing": {
|
|
96876
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container--sizing {\n width:
|
|
96877
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
96876
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container--sizing {\n width: 90px;\n height: 63px;\n}",
|
|
96877
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 63px;\n}",
|
|
96878
96878
|
"outputSegmentRef": "state-hover-size-small-container-mixins.sizing"
|
|
96879
96879
|
},
|
|
96880
96880
|
"width": {
|
|
96881
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container--width {\n width:
|
|
96882
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
96881
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container--width {\n width: 90px;\n}",
|
|
96882
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
96883
96883
|
"outputSegmentRef": "state-hover-size-small-container-mixins.width"
|
|
96884
96884
|
},
|
|
96885
96885
|
"height": {
|
|
@@ -96955,13 +96955,13 @@
|
|
|
96955
96955
|
"outputSegmentRef": "state-hover-size-small-container-scw-icon-mixins.absolute-layout"
|
|
96956
96956
|
},
|
|
96957
96957
|
"html-autolayout-margins": {
|
|
96958
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
96959
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
96958
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
96959
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
96960
96960
|
"outputSegmentRef": "state-hover-size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
96961
96961
|
},
|
|
96962
96962
|
"html-autolayout-padding": {
|
|
96963
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
96964
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
96963
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
96964
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
96965
96965
|
"outputSegmentRef": "state-hover-size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
96966
96966
|
}
|
|
96967
96967
|
},
|
|
@@ -97081,13 +97081,13 @@
|
|
|
97081
97081
|
"outputSegmentRef": "state-hover-size-small-container-label-mixins.box"
|
|
97082
97082
|
},
|
|
97083
97083
|
"sizing": {
|
|
97084
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--sizing {\n width:
|
|
97085
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
97084
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--sizing {\n width: 90px;\n height: 23px;\n}",
|
|
97085
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 23px;\n}",
|
|
97086
97086
|
"outputSegmentRef": "state-hover-size-small-container-label-mixins.sizing"
|
|
97087
97087
|
},
|
|
97088
97088
|
"width": {
|
|
97089
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--width {\n width:
|
|
97090
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
97089
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--width {\n width: 90px;\n}",
|
|
97090
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
97091
97091
|
"outputSegmentRef": "state-hover-size-small-container-label-mixins.width"
|
|
97092
97092
|
},
|
|
97093
97093
|
"height": {
|
|
@@ -97096,13 +97096,13 @@
|
|
|
97096
97096
|
"outputSegmentRef": "state-hover-size-small-container-label-mixins.height"
|
|
97097
97097
|
},
|
|
97098
97098
|
"padding": {
|
|
97099
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--padding {\n padding-left:
|
|
97100
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
97099
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
97100
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
97101
97101
|
"outputSegmentRef": "state-hover-size-small-container-label-mixins.padding"
|
|
97102
97102
|
},
|
|
97103
97103
|
"figma-autolayout": {
|
|
97104
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
97105
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
97104
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
97105
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
97106
97106
|
"outputSegmentRef": "state-hover-size-small-container-label-mixins.figma-autolayout"
|
|
97107
97107
|
},
|
|
97108
97108
|
"absolute-layout": {
|
|
@@ -97158,13 +97158,13 @@
|
|
|
97158
97158
|
"outputSegmentRef": "state-hover-size-small-container-label-menu-item-mixins.absolute-layout"
|
|
97159
97159
|
},
|
|
97160
97160
|
"html-autolayout-margins": {
|
|
97161
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
97162
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
97161
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
97162
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
97163
97163
|
"outputSegmentRef": "state-hover-size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
97164
97164
|
},
|
|
97165
97165
|
"html-autolayout-padding": {
|
|
97166
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
97167
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
97166
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
97167
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
97168
97168
|
"outputSegmentRef": "state-hover-size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
97169
97169
|
}
|
|
97170
97170
|
},
|
|
@@ -97205,18 +97205,18 @@
|
|
|
97205
97205
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.figma-autolayout"
|
|
97206
97206
|
},
|
|
97207
97207
|
"absolute-layout": {
|
|
97208
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
97209
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
97208
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
97209
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 2.6 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
97210
97210
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.absolute-layout"
|
|
97211
97211
|
},
|
|
97212
97212
|
"html-autolayout-margins": {
|
|
97213
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
97214
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
97213
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
97214
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
97215
97215
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-margins"
|
|
97216
97216
|
},
|
|
97217
97217
|
"html-autolayout-padding": {
|
|
97218
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
97219
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
97218
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
97219
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
97220
97220
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-padding"
|
|
97221
97221
|
}
|
|
97222
97222
|
},
|
|
@@ -97564,18 +97564,18 @@
|
|
|
97564
97564
|
"outputSegmentRef": "state-hover-style-button-mixins.figma-autolayout"
|
|
97565
97565
|
},
|
|
97566
97566
|
"absolute-layout": {
|
|
97567
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
97568
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
97567
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 29.8 );\n width: 140px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
97568
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 29.8 );\n width: 140px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
97569
97569
|
"outputSegmentRef": "state-hover-style-button-mixins.absolute-layout"
|
|
97570
97570
|
},
|
|
97571
97571
|
"html-autolayout-margins": {
|
|
97572
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
97573
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
97572
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 29.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 24.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
97573
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 29.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 24.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
97574
97574
|
"outputSegmentRef": "state-hover-style-button-mixins.html-autolayout-margins"
|
|
97575
97575
|
},
|
|
97576
97576
|
"html-autolayout-padding": {
|
|
97577
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
97578
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
97577
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 29.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 24.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
97578
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 29.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 24.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
97579
97579
|
"outputSegmentRef": "state-hover-style-button-mixins.html-autolayout-padding"
|
|
97580
97580
|
}
|
|
97581
97581
|
},
|
|
@@ -97898,43 +97898,43 @@
|
|
|
97898
97898
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.box"
|
|
97899
97899
|
},
|
|
97900
97900
|
"sizing": {
|
|
97901
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--sizing {\n width:
|
|
97902
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
97901
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--sizing {\n width: 100px;\n height: 109px;\n}",
|
|
97902
|
+
"outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 109px;\n}",
|
|
97903
97903
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.sizing"
|
|
97904
97904
|
},
|
|
97905
97905
|
"width": {
|
|
97906
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--width {\n width:
|
|
97907
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
97906
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--width {\n width: 100px;\n}",
|
|
97907
|
+
"outputSegment": "\n@mixin width {\n width: 100px;\n}",
|
|
97908
97908
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.width"
|
|
97909
97909
|
},
|
|
97910
97910
|
"height": {
|
|
97911
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--height {\n height:
|
|
97912
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
97911
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--height {\n height: 109px;\n}",
|
|
97912
|
+
"outputSegment": "\n@mixin height {\n height: 109px;\n}",
|
|
97913
97913
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.height"
|
|
97914
97914
|
},
|
|
97915
97915
|
"padding": {
|
|
97916
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
97917
|
-
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
97916
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
97917
|
+
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
97918
97918
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.padding"
|
|
97919
97919
|
},
|
|
97920
97920
|
"figma-autolayout": {
|
|
97921
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
97922
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
97921
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
97922
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
97923
97923
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.figma-autolayout"
|
|
97924
97924
|
},
|
|
97925
97925
|
"absolute-layout": {
|
|
97926
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
97927
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
97926
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 21.8 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
97927
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 21.8 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
97928
97928
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.absolute-layout"
|
|
97929
97929
|
},
|
|
97930
97930
|
"html-autolayout-margins": {
|
|
97931
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
97932
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
97931
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 21.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 36.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
97932
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 21.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 36.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
97933
97933
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.html-autolayout-margins"
|
|
97934
97934
|
},
|
|
97935
97935
|
"html-autolayout-padding": {
|
|
97936
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
97937
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
97936
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 21.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 36.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
97937
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 21.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 36.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
97938
97938
|
"outputSegmentRef": "state-hover-style-button-size-small-mixins.html-autolayout-padding"
|
|
97939
97939
|
}
|
|
97940
97940
|
},
|
|
@@ -97950,13 +97950,13 @@
|
|
|
97950
97950
|
"outputSegmentRef": "state-hover-style-button-size-small-container-mixins.box"
|
|
97951
97951
|
},
|
|
97952
97952
|
"sizing": {
|
|
97953
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--sizing {\n width:
|
|
97954
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
97953
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--sizing {\n width: 90px;\n height: 89px;\n}",
|
|
97954
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 89px;\n}",
|
|
97955
97955
|
"outputSegmentRef": "state-hover-style-button-size-small-container-mixins.sizing"
|
|
97956
97956
|
},
|
|
97957
97957
|
"width": {
|
|
97958
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--width {\n width:
|
|
97959
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
97958
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--width {\n width: 90px;\n}",
|
|
97959
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
97960
97960
|
"outputSegmentRef": "state-hover-style-button-size-small-container-mixins.width"
|
|
97961
97961
|
},
|
|
97962
97962
|
"height": {
|
|
@@ -97980,13 +97980,13 @@
|
|
|
97980
97980
|
"outputSegmentRef": "state-hover-style-button-size-small-container-mixins.absolute-layout"
|
|
97981
97981
|
},
|
|
97982
97982
|
"html-autolayout-margins": {
|
|
97983
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
97984
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
97983
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
97984
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
97985
97985
|
"outputSegmentRef": "state-hover-style-button-size-small-container-mixins.html-autolayout-margins"
|
|
97986
97986
|
},
|
|
97987
97987
|
"html-autolayout-padding": {
|
|
97988
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
97989
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
97988
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
97989
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
97990
97990
|
"outputSegmentRef": "state-hover-style-button-size-small-container-mixins.html-autolayout-padding"
|
|
97991
97991
|
}
|
|
97992
97992
|
},
|
|
@@ -98032,13 +98032,13 @@
|
|
|
98032
98032
|
"outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-mixins.absolute-layout"
|
|
98033
98033
|
},
|
|
98034
98034
|
"html-autolayout-margins": {
|
|
98035
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
98036
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
98035
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-2 );\n margin-right: var( --scw-spacing-2 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
98036
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-2 );\n margin-right: var( --scw-spacing-2 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
98037
98037
|
"outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
98038
98038
|
},
|
|
98039
98039
|
"html-autolayout-padding": {
|
|
98040
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
98041
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
98040
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-2 );\n padding-right: var( --scw-spacing-2 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
98041
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-2 );\n padding-right: var( --scw-spacing-2 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
98042
98042
|
"outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
98043
98043
|
}
|
|
98044
98044
|
},
|
|
@@ -98158,13 +98158,13 @@
|
|
|
98158
98158
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.box"
|
|
98159
98159
|
},
|
|
98160
98160
|
"sizing": {
|
|
98161
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--sizing {\n width:
|
|
98162
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
98161
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--sizing {\n width: 90px;\n height: 39px;\n}",
|
|
98162
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 39px;\n}",
|
|
98163
98163
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.sizing"
|
|
98164
98164
|
},
|
|
98165
98165
|
"width": {
|
|
98166
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--width {\n width:
|
|
98167
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
98166
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--width {\n width: 90px;\n}",
|
|
98167
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
98168
98168
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.width"
|
|
98169
98169
|
},
|
|
98170
98170
|
"height": {
|
|
@@ -98173,13 +98173,13 @@
|
|
|
98173
98173
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.height"
|
|
98174
98174
|
},
|
|
98175
98175
|
"padding": {
|
|
98176
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--padding {\n padding-left:
|
|
98177
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
98176
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
98177
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
98178
98178
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.padding"
|
|
98179
98179
|
},
|
|
98180
98180
|
"figma-autolayout": {
|
|
98181
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
98182
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
98181
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
98182
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
98183
98183
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.figma-autolayout"
|
|
98184
98184
|
},
|
|
98185
98185
|
"absolute-layout": {
|
|
@@ -98235,13 +98235,13 @@
|
|
|
98235
98235
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-mixins.absolute-layout"
|
|
98236
98236
|
},
|
|
98237
98237
|
"html-autolayout-margins": {
|
|
98238
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
98239
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
98238
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
98239
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
98240
98240
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
98241
98241
|
},
|
|
98242
98242
|
"html-autolayout-padding": {
|
|
98243
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
98244
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
98243
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
98244
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
98245
98245
|
"outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
98246
98246
|
}
|
|
98247
98247
|
},
|
|
@@ -98282,18 +98282,18 @@
|
|
|
98282
98282
|
"outputSegmentRef": "state-focus-mixins.figma-autolayout"
|
|
98283
98283
|
},
|
|
98284
98284
|
"absolute-layout": {
|
|
98285
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
98286
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
98285
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 39.90009765625 );\n width: 124px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
98286
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 39.90009765625 );\n width: 124px;\n top: var( --scw-spacing-3 );\n height: 87px; \n}",
|
|
98287
98287
|
"outputSegmentRef": "state-focus-mixins.absolute-layout"
|
|
98288
98288
|
},
|
|
98289
98289
|
"html-autolayout-margins": {
|
|
98290
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
98291
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
98290
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 39.90009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 15.79990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
98291
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 39.90009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 15.79990234375 );\n margin-top: var( --scw-spacing-3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
98292
98292
|
"outputSegmentRef": "state-focus-mixins.html-autolayout-margins"
|
|
98293
98293
|
},
|
|
98294
98294
|
"html-autolayout-padding": {
|
|
98295
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
98296
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
98295
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 39.90009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 15.79990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
98296
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 39.90009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 15.79990234375 );\n padding-top: var( --scw-spacing-3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 103.6 );\n}",
|
|
98297
98297
|
"outputSegmentRef": "state-focus-mixins.html-autolayout-padding"
|
|
98298
98298
|
}
|
|
98299
98299
|
},
|
|
@@ -98641,18 +98641,18 @@
|
|
|
98641
98641
|
"outputSegmentRef": "state-focus-style-vertical-tab-mixins.figma-autolayout"
|
|
98642
98642
|
},
|
|
98643
98643
|
"absolute-layout": {
|
|
98644
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
98645
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
98644
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 40.2 );\n width: 124px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
98645
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 40.2 );\n width: 124px;\n top: calc( var( --scw-spacing-1 ) * 25.4 );\n height: 97px; \n}",
|
|
98646
98646
|
"outputSegmentRef": "state-focus-style-vertical-tab-mixins.absolute-layout"
|
|
98647
98647
|
},
|
|
98648
98648
|
"html-autolayout-margins": {
|
|
98649
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
98650
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
98649
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 40.2 );\n margin-right: calc( var( --scw-spacing-1 ) * 15.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
98650
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 40.2 );\n margin-right: calc( var( --scw-spacing-1 ) * 15.5 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
98651
98651
|
"outputSegmentRef": "state-focus-style-vertical-tab-mixins.html-autolayout-margins"
|
|
98652
98652
|
},
|
|
98653
98653
|
"html-autolayout-padding": {
|
|
98654
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
98655
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
98654
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 40.2 );\n padding-right: calc( var( --scw-spacing-1 ) * 15.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
98655
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 40.2 );\n padding-right: calc( var( --scw-spacing-1 ) * 15.5 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
|
|
98656
98656
|
"outputSegmentRef": "state-focus-style-vertical-tab-mixins.html-autolayout-padding"
|
|
98657
98657
|
}
|
|
98658
98658
|
},
|
|
@@ -98975,13 +98975,13 @@
|
|
|
98975
98975
|
"outputSegmentRef": "state-focus-size-small-mixins.box"
|
|
98976
98976
|
},
|
|
98977
98977
|
"sizing": {
|
|
98978
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--sizing {\n width:
|
|
98979
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
98978
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--sizing {\n width: 90px;\n height: 68px;\n}",
|
|
98979
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 68px;\n}",
|
|
98980
98980
|
"outputSegmentRef": "state-focus-size-small-mixins.sizing"
|
|
98981
98981
|
},
|
|
98982
98982
|
"width": {
|
|
98983
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--width {\n width:
|
|
98984
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
98983
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--width {\n width: 90px;\n}",
|
|
98984
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
98985
98985
|
"outputSegmentRef": "state-focus-size-small-mixins.width"
|
|
98986
98986
|
},
|
|
98987
98987
|
"height": {
|
|
@@ -99000,18 +99000,18 @@
|
|
|
99000
99000
|
"outputSegmentRef": "state-focus-size-small-mixins.figma-autolayout"
|
|
99001
99001
|
},
|
|
99002
99002
|
"absolute-layout": {
|
|
99003
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
99004
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
99003
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 29.60009765625 );\n width: 90px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
99004
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 29.60009765625 );\n width: 90px;\n top: calc( var( --scw-spacing-1 ) * 11.7 );\n height: 68px; \n}",
|
|
99005
99005
|
"outputSegmentRef": "state-focus-size-small-mixins.absolute-layout"
|
|
99006
99006
|
},
|
|
99007
99007
|
"html-autolayout-margins": {
|
|
99008
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
99009
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
99008
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 29.60009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 29.49990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
99009
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 29.60009765625 );\n margin-right: calc( var( --scw-spacing-1 ) * 29.49990234375 );\n margin-top: calc( var( --scw-spacing-1 ) * 11.7 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
99010
99010
|
"outputSegmentRef": "state-focus-size-small-mixins.html-autolayout-margins"
|
|
99011
99011
|
},
|
|
99012
99012
|
"html-autolayout-padding": {
|
|
99013
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
99014
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
99013
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 29.60009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 29.49990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
99014
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 29.60009765625 );\n padding-right: calc( var( --scw-spacing-1 ) * 29.49990234375 );\n padding-top: calc( var( --scw-spacing-1 ) * 11.7 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 96.8 );\n}",
|
|
99015
99015
|
"outputSegmentRef": "state-focus-size-small-mixins.html-autolayout-padding"
|
|
99016
99016
|
}
|
|
99017
99017
|
},
|
|
@@ -99027,13 +99027,13 @@
|
|
|
99027
99027
|
"outputSegmentRef": "state-focus-size-small-container-mixins.box"
|
|
99028
99028
|
},
|
|
99029
99029
|
"sizing": {
|
|
99030
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container--sizing {\n width:
|
|
99031
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
99030
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container--sizing {\n width: 90px;\n height: 63px;\n}",
|
|
99031
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 63px;\n}",
|
|
99032
99032
|
"outputSegmentRef": "state-focus-size-small-container-mixins.sizing"
|
|
99033
99033
|
},
|
|
99034
99034
|
"width": {
|
|
99035
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container--width {\n width:
|
|
99036
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
99035
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container--width {\n width: 90px;\n}",
|
|
99036
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
99037
99037
|
"outputSegmentRef": "state-focus-size-small-container-mixins.width"
|
|
99038
99038
|
},
|
|
99039
99039
|
"height": {
|
|
@@ -99109,13 +99109,13 @@
|
|
|
99109
99109
|
"outputSegmentRef": "state-focus-size-small-container-scw-icon-mixins.absolute-layout"
|
|
99110
99110
|
},
|
|
99111
99111
|
"html-autolayout-margins": {
|
|
99112
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
99113
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
99112
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
99113
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.5 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
99114
99114
|
"outputSegmentRef": "state-focus-size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
99115
99115
|
},
|
|
99116
99116
|
"html-autolayout-padding": {
|
|
99117
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
99118
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
99117
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
99118
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.5 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
99119
99119
|
"outputSegmentRef": "state-focus-size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
99120
99120
|
}
|
|
99121
99121
|
},
|
|
@@ -99235,13 +99235,13 @@
|
|
|
99235
99235
|
"outputSegmentRef": "state-focus-size-small-container-label-mixins.box"
|
|
99236
99236
|
},
|
|
99237
99237
|
"sizing": {
|
|
99238
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--sizing {\n width:
|
|
99239
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
99238
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--sizing {\n width: 90px;\n height: 23px;\n}",
|
|
99239
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 23px;\n}",
|
|
99240
99240
|
"outputSegmentRef": "state-focus-size-small-container-label-mixins.sizing"
|
|
99241
99241
|
},
|
|
99242
99242
|
"width": {
|
|
99243
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--width {\n width:
|
|
99244
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
99243
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--width {\n width: 90px;\n}",
|
|
99244
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
99245
99245
|
"outputSegmentRef": "state-focus-size-small-container-label-mixins.width"
|
|
99246
99246
|
},
|
|
99247
99247
|
"height": {
|
|
@@ -99250,13 +99250,13 @@
|
|
|
99250
99250
|
"outputSegmentRef": "state-focus-size-small-container-label-mixins.height"
|
|
99251
99251
|
},
|
|
99252
99252
|
"padding": {
|
|
99253
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--padding {\n padding-left:
|
|
99254
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
99253
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
99254
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
99255
99255
|
"outputSegmentRef": "state-focus-size-small-container-label-mixins.padding"
|
|
99256
99256
|
},
|
|
99257
99257
|
"figma-autolayout": {
|
|
99258
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
99259
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
99258
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
99259
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
99260
99260
|
"outputSegmentRef": "state-focus-size-small-container-label-mixins.figma-autolayout"
|
|
99261
99261
|
},
|
|
99262
99262
|
"absolute-layout": {
|
|
@@ -99312,13 +99312,13 @@
|
|
|
99312
99312
|
"outputSegmentRef": "state-focus-size-small-container-label-menu-item-mixins.absolute-layout"
|
|
99313
99313
|
},
|
|
99314
99314
|
"html-autolayout-margins": {
|
|
99315
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
99316
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
99315
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
99316
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
99317
99317
|
"outputSegmentRef": "state-focus-size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
99318
99318
|
},
|
|
99319
99319
|
"html-autolayout-padding": {
|
|
99320
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
99321
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
99320
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
99321
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
99322
99322
|
"outputSegmentRef": "state-focus-size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
99323
99323
|
}
|
|
99324
99324
|
},
|
|
@@ -99359,18 +99359,18 @@
|
|
|
99359
99359
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.figma-autolayout"
|
|
99360
99360
|
},
|
|
99361
99361
|
"absolute-layout": {
|
|
99362
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
99363
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
99362
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 32.9 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
99363
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 32.9 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 35.1 );\n height: 73px; \n}",
|
|
99364
99364
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.absolute-layout"
|
|
99365
99365
|
},
|
|
99366
99366
|
"html-autolayout-margins": {
|
|
99367
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
99368
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
99367
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 32.9 );\n margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
99368
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 32.9 );\n margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
99369
99369
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.html-autolayout-margins"
|
|
99370
99370
|
},
|
|
99371
99371
|
"html-autolayout-padding": {
|
|
99372
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
99373
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
99372
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 32.9 );\n padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
99373
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 32.9 );\n padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );\n}",
|
|
99374
99374
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.html-autolayout-padding"
|
|
99375
99375
|
}
|
|
99376
99376
|
},
|
|
@@ -99718,18 +99718,18 @@
|
|
|
99718
99718
|
"outputSegmentRef": "state-focus-style-button-mixins.figma-autolayout"
|
|
99719
99719
|
},
|
|
99720
99720
|
"absolute-layout": {
|
|
99721
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
99722
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
99721
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 43.8 );\n width: 140px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
99722
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 43.8 );\n width: 140px;\n top: calc( var( --scw-spacing-1 ) * 45.4 );\n height: 137px; \n}",
|
|
99723
99723
|
"outputSegmentRef": "state-focus-style-button-mixins.absolute-layout"
|
|
99724
99724
|
},
|
|
99725
99725
|
"html-autolayout-margins": {
|
|
99726
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
99727
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
99726
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 43.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 10.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
99727
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 43.8 );\n margin-right: calc( var( --scw-spacing-1 ) * 10.3 );\n margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
99728
99728
|
"outputSegmentRef": "state-focus-style-button-mixins.html-autolayout-margins"
|
|
99729
99729
|
},
|
|
99730
99730
|
"html-autolayout-padding": {
|
|
99731
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
99732
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
99731
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 43.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 10.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
99732
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 43.8 );\n padding-right: calc( var( --scw-spacing-1 ) * 10.3 );\n padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
|
|
99733
99733
|
"outputSegmentRef": "state-focus-style-button-mixins.html-autolayout-padding"
|
|
99734
99734
|
}
|
|
99735
99735
|
},
|
|
@@ -99740,8 +99740,8 @@
|
|
|
99740
99740
|
"namespace": "state-focus-style-button-container-mixins"
|
|
99741
99741
|
},
|
|
99742
99742
|
"box": {
|
|
99743
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
99744
|
-
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
99743
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n box-shadow: var( --scw-effect-focus-shadow ); \n}",
|
|
99744
|
+
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n box-shadow: var( --scw-effect-focus-shadow ); \n}",
|
|
99745
99745
|
"outputSegmentRef": "state-focus-style-button-container-mixins.box"
|
|
99746
99746
|
},
|
|
99747
99747
|
"sizing": {
|
|
@@ -100052,43 +100052,43 @@
|
|
|
100052
100052
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.box"
|
|
100053
100053
|
},
|
|
100054
100054
|
"sizing": {
|
|
100055
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--sizing {\n width:
|
|
100056
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
100055
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--sizing {\n width: 100px;\n height: 109px;\n}",
|
|
100056
|
+
"outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 109px;\n}",
|
|
100057
100057
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.sizing"
|
|
100058
100058
|
},
|
|
100059
100059
|
"width": {
|
|
100060
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--width {\n width:
|
|
100061
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
100060
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--width {\n width: 100px;\n}",
|
|
100061
|
+
"outputSegment": "\n@mixin width {\n width: 100px;\n}",
|
|
100062
100062
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.width"
|
|
100063
100063
|
},
|
|
100064
100064
|
"height": {
|
|
100065
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--height {\n height:
|
|
100066
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
100065
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--height {\n height: 109px;\n}",
|
|
100066
|
+
"outputSegment": "\n@mixin height {\n height: 109px;\n}",
|
|
100067
100067
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.height"
|
|
100068
100068
|
},
|
|
100069
100069
|
"padding": {
|
|
100070
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
100071
|
-
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
100070
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
100071
|
+
"outputSegment": "\n@mixin padding {\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
100072
100072
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.padding"
|
|
100073
100073
|
},
|
|
100074
100074
|
"figma-autolayout": {
|
|
100075
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
100076
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
100075
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
100076
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n & > *:not(:last-child) { \n margin-bottom: 0px; \n --margin-bottom: 0px; \n } \n}",
|
|
100077
100077
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.figma-autolayout"
|
|
100078
100078
|
},
|
|
100079
100079
|
"absolute-layout": {
|
|
100080
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
100081
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
100080
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 31.56787109375 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
100081
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 31.56787109375 );\n width: 100px;\n top: calc( var( --scw-spacing-1 ) * 59.1 );\n height: 109px; \n}",
|
|
100082
100082
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.absolute-layout"
|
|
100083
100083
|
},
|
|
100084
100084
|
"html-autolayout-margins": {
|
|
100085
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
100086
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
100085
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 31.56787109375 );\n margin-right: calc( var( --scw-spacing-1 ) * 26.53212890625 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
100086
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 31.56787109375 );\n margin-right: calc( var( --scw-spacing-1 ) * 26.53212890625 );\n margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
100087
100087
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.html-autolayout-margins"
|
|
100088
100088
|
},
|
|
100089
100089
|
"html-autolayout-padding": {
|
|
100090
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
100091
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
100090
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 31.56787109375 );\n padding-right: calc( var( --scw-spacing-1 ) * 26.53212890625 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
100091
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 31.56787109375 );\n padding-right: calc( var( --scw-spacing-1 ) * 26.53212890625 );\n padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
|
|
100092
100092
|
"outputSegmentRef": "state-focus-style-button-size-small-mixins.html-autolayout-padding"
|
|
100093
100093
|
}
|
|
100094
100094
|
},
|
|
@@ -100099,18 +100099,18 @@
|
|
|
100099
100099
|
"namespace": "state-focus-style-button-size-small-container-mixins"
|
|
100100
100100
|
},
|
|
100101
100101
|
"box": {
|
|
100102
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
100103
|
-
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar} ,
|
|
100102
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n box-shadow: var( --scw-effect-focus-shadow ); \n}",
|
|
100103
|
+
"outputSegment": "\n@mixin box (\n $bgThemeVar: false, \n $borderThemeVar: false\n) { \n @if $bgThemeVar {\n background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n background-color: var( --scw-color-grey-095 );\n }\n border-radius: 8px 8px 8px 8px;\n border-width: 1px;\n border-style: solid;\n @if $borderThemeVar {\n border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n } @else {\n border-color: var( --scw-color-grey-095 );\n }\n box-shadow: var( --scw-effect-focus-shadow ); \n}",
|
|
100104
100104
|
"outputSegmentRef": "state-focus-style-button-size-small-container-mixins.box"
|
|
100105
100105
|
},
|
|
100106
100106
|
"sizing": {
|
|
100107
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--sizing {\n width:
|
|
100108
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
100107
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--sizing {\n width: 90px;\n height: 89px;\n}",
|
|
100108
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 89px;\n}",
|
|
100109
100109
|
"outputSegmentRef": "state-focus-style-button-size-small-container-mixins.sizing"
|
|
100110
100110
|
},
|
|
100111
100111
|
"width": {
|
|
100112
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--width {\n width:
|
|
100113
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
100112
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--width {\n width: 90px;\n}",
|
|
100113
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
100114
100114
|
"outputSegmentRef": "state-focus-style-button-size-small-container-mixins.width"
|
|
100115
100115
|
},
|
|
100116
100116
|
"height": {
|
|
@@ -100134,13 +100134,13 @@
|
|
|
100134
100134
|
"outputSegmentRef": "state-focus-style-button-size-small-container-mixins.absolute-layout"
|
|
100135
100135
|
},
|
|
100136
100136
|
"html-autolayout-margins": {
|
|
100137
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
100138
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-
|
|
100137
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
100138
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
100139
100139
|
"outputSegmentRef": "state-focus-style-button-size-small-container-mixins.html-autolayout-margins"
|
|
100140
100140
|
},
|
|
100141
100141
|
"html-autolayout-padding": {
|
|
100142
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
100143
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-
|
|
100142
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
100143
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
100144
100144
|
"outputSegmentRef": "state-focus-style-button-size-small-container-mixins.html-autolayout-padding"
|
|
100145
100145
|
}
|
|
100146
100146
|
},
|
|
@@ -100186,13 +100186,13 @@
|
|
|
100186
100186
|
"outputSegmentRef": "state-focus-style-button-size-small-container-scw-icon-mixins.absolute-layout"
|
|
100187
100187
|
},
|
|
100188
100188
|
"html-autolayout-margins": {
|
|
100189
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
100190
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
100189
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-2 );\n margin-right: var( --scw-spacing-2 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
100190
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-2 );\n margin-right: var( --scw-spacing-2 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
100191
100191
|
"outputSegmentRef": "state-focus-style-button-size-small-container-scw-icon-mixins.html-autolayout-margins"
|
|
100192
100192
|
},
|
|
100193
100193
|
"html-autolayout-padding": {
|
|
100194
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
100195
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
100194
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-2 );\n padding-right: var( --scw-spacing-2 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
100195
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-2 );\n padding-right: var( --scw-spacing-2 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
|
|
100196
100196
|
"outputSegmentRef": "state-focus-style-button-size-small-container-scw-icon-mixins.html-autolayout-padding"
|
|
100197
100197
|
}
|
|
100198
100198
|
},
|
|
@@ -100312,13 +100312,13 @@
|
|
|
100312
100312
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-mixins.box"
|
|
100313
100313
|
},
|
|
100314
100314
|
"sizing": {
|
|
100315
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--sizing {\n width:
|
|
100316
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
100315
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--sizing {\n width: 90px;\n height: 39px;\n}",
|
|
100316
|
+
"outputSegment": "\n@mixin sizing {\n width: 90px;\n height: 39px;\n}",
|
|
100317
100317
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-mixins.sizing"
|
|
100318
100318
|
},
|
|
100319
100319
|
"width": {
|
|
100320
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--width {\n width:
|
|
100321
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
100320
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--width {\n width: 90px;\n}",
|
|
100321
|
+
"outputSegment": "\n@mixin width {\n width: 90px;\n}",
|
|
100322
100322
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-mixins.width"
|
|
100323
100323
|
},
|
|
100324
100324
|
"height": {
|
|
@@ -100327,13 +100327,13 @@
|
|
|
100327
100327
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-mixins.height"
|
|
100328
100328
|
},
|
|
100329
100329
|
"padding": {
|
|
100330
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--padding {\n padding-left:
|
|
100331
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
100330
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
100331
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
100332
100332
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-mixins.padding"
|
|
100333
100333
|
},
|
|
100334
100334
|
"figma-autolayout": {
|
|
100335
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
100336
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
100335
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label--figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
100336
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n & > *:not(:last-child) { \n margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
100337
100337
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-mixins.figma-autolayout"
|
|
100338
100338
|
},
|
|
100339
100339
|
"absolute-layout": {
|
|
@@ -100389,13 +100389,13 @@
|
|
|
100389
100389
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-menu-item-mixins.absolute-layout"
|
|
100390
100390
|
},
|
|
100391
100391
|
"html-autolayout-margins": {
|
|
100392
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
100393
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
100392
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
100393
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
100394
100394
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-menu-item-mixins.html-autolayout-margins"
|
|
100395
100395
|
},
|
|
100396
100396
|
"html-autolayout-padding": {
|
|
100397
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
100398
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
100397
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
100398
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
|
|
100399
100399
|
"outputSegmentRef": "state-focus-style-button-size-small-container-label-menu-item-mixins.html-autolayout-padding"
|
|
100400
100400
|
}
|
|
100401
100401
|
},
|
|
@@ -100411,18 +100411,18 @@
|
|
|
100411
100411
|
"outputSegmentRef": "index-mixins.box"
|
|
100412
100412
|
},
|
|
100413
100413
|
"sizing": {
|
|
100414
|
-
"output": "\n@mixin comp-scw-horizontal-nav--sizing {\n width:
|
|
100415
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
100414
|
+
"output": "\n@mixin comp-scw-horizontal-nav--sizing {\n width: 883px;\n height: 1148px;\n}",
|
|
100415
|
+
"outputSegment": "\n@mixin sizing {\n width: 883px;\n height: 1148px;\n}",
|
|
100416
100416
|
"outputSegmentRef": "index-mixins.sizing"
|
|
100417
100417
|
},
|
|
100418
100418
|
"width": {
|
|
100419
|
-
"output": "\n@mixin comp-scw-horizontal-nav--width {\n width:
|
|
100420
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
100419
|
+
"output": "\n@mixin comp-scw-horizontal-nav--width {\n width: 883px;\n}",
|
|
100420
|
+
"outputSegment": "\n@mixin width {\n width: 883px;\n}",
|
|
100421
100421
|
"outputSegmentRef": "index-mixins.width"
|
|
100422
100422
|
},
|
|
100423
100423
|
"height": {
|
|
100424
|
-
"output": "\n@mixin comp-scw-horizontal-nav--height {\n height:
|
|
100425
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
100424
|
+
"output": "\n@mixin comp-scw-horizontal-nav--height {\n height: 1148px;\n}",
|
|
100425
|
+
"outputSegment": "\n@mixin height {\n height: 1148px;\n}",
|
|
100426
100426
|
"outputSegmentRef": "index-mixins.height"
|
|
100427
100427
|
},
|
|
100428
100428
|
"padding": {
|
|
@@ -100488,18 +100488,18 @@
|
|
|
100488
100488
|
"outputSegmentRef": "default-mixins.figma-autolayout"
|
|
100489
100489
|
},
|
|
100490
100490
|
"absolute-layout": {
|
|
100491
|
-
"output": "\n@mixin comp-scw-horizontal-nav-default--absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
100492
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
100491
|
+
"output": "\n@mixin comp-scw-horizontal-nav-default--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 3.65 );\n height: 87px; \n}",
|
|
100492
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 3.65 );\n height: 87px; \n}",
|
|
100493
100493
|
"outputSegmentRef": "default-mixins.absolute-layout"
|
|
100494
100494
|
},
|
|
100495
100495
|
"html-autolayout-margins": {
|
|
100496
|
-
"output": "\n@mixin comp-scw-horizontal-nav-default--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
100497
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
100496
|
+
"output": "\n@mixin comp-scw-horizontal-nav-default--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 4.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 3.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 102.45 );\n}",
|
|
100497
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 4.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 3.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 102.45 );\n}",
|
|
100498
100498
|
"outputSegmentRef": "default-mixins.html-autolayout-margins"
|
|
100499
100499
|
},
|
|
100500
100500
|
"html-autolayout-padding": {
|
|
100501
|
-
"output": "\n@mixin comp-scw-horizontal-nav-default--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
100502
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
100501
|
+
"output": "\n@mixin comp-scw-horizontal-nav-default--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 4.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 3.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 102.45 );\n}",
|
|
100502
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 4.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 3.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 102.45 );\n}",
|
|
100503
100503
|
"outputSegmentRef": "default-mixins.html-autolayout-padding"
|
|
100504
100504
|
}
|
|
100505
100505
|
},
|
|
@@ -100899,18 +100899,18 @@
|
|
|
100899
100899
|
"outputSegmentRef": "align-left-mixins.figma-autolayout"
|
|
100900
100900
|
},
|
|
100901
100901
|
"absolute-layout": {
|
|
100902
|
-
"output": "\n@mixin comp-scw-horizontal-nav-align-left--absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
100903
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
100902
|
+
"output": "\n@mixin comp-scw-horizontal-nav-align-left--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 12.35 );\n height: 87px; \n}",
|
|
100903
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 12.35 );\n height: 87px; \n}",
|
|
100904
100904
|
"outputSegmentRef": "align-left-mixins.absolute-layout"
|
|
100905
100905
|
},
|
|
100906
100906
|
"html-autolayout-margins": {
|
|
100907
|
-
"output": "\n@mixin comp-scw-horizontal-nav-align-left--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
100908
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
100907
|
+
"output": "\n@mixin comp-scw-horizontal-nav-align-left--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 4.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 12.35 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 93.75 );\n}",
|
|
100908
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 4.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 12.35 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 93.75 );\n}",
|
|
100909
100909
|
"outputSegmentRef": "align-left-mixins.html-autolayout-margins"
|
|
100910
100910
|
},
|
|
100911
100911
|
"html-autolayout-padding": {
|
|
100912
|
-
"output": "\n@mixin comp-scw-horizontal-nav-align-left--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
100913
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
100912
|
+
"output": "\n@mixin comp-scw-horizontal-nav-align-left--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 4.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 12.35 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 93.75 );\n}",
|
|
100913
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 4.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 12.35 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 93.75 );\n}",
|
|
100914
100914
|
"outputSegmentRef": "align-left-mixins.html-autolayout-padding"
|
|
100915
100915
|
}
|
|
100916
100916
|
},
|
|
@@ -101310,18 +101310,18 @@
|
|
|
101310
101310
|
"outputSegmentRef": "size-compact-mixins.figma-autolayout"
|
|
101311
101311
|
},
|
|
101312
101312
|
"absolute-layout": {
|
|
101313
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact--absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
101314
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
101313
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 25.3 );\n height: 68px; \n}",
|
|
101314
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 25.3 );\n height: 68px; \n}",
|
|
101315
101315
|
"outputSegmentRef": "size-compact-mixins.absolute-layout"
|
|
101316
101316
|
},
|
|
101317
101317
|
"html-autolayout-margins": {
|
|
101318
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
101319
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
101318
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 4.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 82.7 );\n}",
|
|
101319
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 4.2 );\n margin-top: calc( var( --scw-spacing-1 ) * 25.3 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 82.7 );\n}",
|
|
101320
101320
|
"outputSegmentRef": "size-compact-mixins.html-autolayout-margins"
|
|
101321
101321
|
},
|
|
101322
101322
|
"html-autolayout-padding": {
|
|
101323
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
101324
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
101323
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 4.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 82.7 );\n}",
|
|
101324
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 4.2 );\n padding-top: calc( var( --scw-spacing-1 ) * 25.3 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 82.7 );\n}",
|
|
101325
101325
|
"outputSegmentRef": "size-compact-mixins.html-autolayout-padding"
|
|
101326
101326
|
}
|
|
101327
101327
|
},
|
|
@@ -101337,13 +101337,13 @@
|
|
|
101337
101337
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-mixins.box"
|
|
101338
101338
|
},
|
|
101339
101339
|
"sizing": {
|
|
101340
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--sizing {\n width:
|
|
101341
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
101340
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--sizing {\n width: 93px;\n height: 68px;\n}",
|
|
101341
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 68px;\n}",
|
|
101342
101342
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-mixins.sizing"
|
|
101343
101343
|
},
|
|
101344
101344
|
"width": {
|
|
101345
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--width {\n width:
|
|
101346
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
101345
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--width {\n width: 93px;\n}",
|
|
101346
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
101347
101347
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-mixins.width"
|
|
101348
101348
|
},
|
|
101349
101349
|
"height": {
|
|
@@ -101367,13 +101367,13 @@
|
|
|
101367
101367
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-mixins.absolute-layout"
|
|
101368
101368
|
},
|
|
101369
101369
|
"html-autolayout-margins": {
|
|
101370
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
101371
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
101370
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 17.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 53.6 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
101371
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 17.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 53.6 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
101372
101372
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-mixins.html-autolayout-margins"
|
|
101373
101373
|
},
|
|
101374
101374
|
"html-autolayout-padding": {
|
|
101375
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
101376
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
101375
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 17.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 53.6 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101376
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 17.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 53.6 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101377
101377
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-mixins.html-autolayout-padding"
|
|
101378
101378
|
}
|
|
101379
101379
|
},
|
|
@@ -101389,13 +101389,13 @@
|
|
|
101389
101389
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-mixins.box"
|
|
101390
101390
|
},
|
|
101391
101391
|
"sizing": {
|
|
101392
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container--sizing {\n width:
|
|
101393
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
101392
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container--sizing {\n width: 93px;\n height: 63px;\n}",
|
|
101393
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 63px;\n}",
|
|
101394
101394
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-mixins.sizing"
|
|
101395
101395
|
},
|
|
101396
101396
|
"width": {
|
|
101397
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container--width {\n width:
|
|
101398
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
101397
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container--width {\n width: 93px;\n}",
|
|
101398
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
101399
101399
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-mixins.width"
|
|
101400
101400
|
},
|
|
101401
101401
|
"height": {
|
|
@@ -101471,13 +101471,13 @@
|
|
|
101471
101471
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-scw-icon-mixins.absolute-layout"
|
|
101472
101472
|
},
|
|
101473
101473
|
"html-autolayout-margins": {
|
|
101474
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
101475
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
101474
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101475
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101476
101476
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-scw-icon-mixins.html-autolayout-margins"
|
|
101477
101477
|
},
|
|
101478
101478
|
"html-autolayout-padding": {
|
|
101479
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
101480
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
101479
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101480
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101481
101481
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-scw-icon-mixins.html-autolayout-padding"
|
|
101482
101482
|
}
|
|
101483
101483
|
},
|
|
@@ -101597,13 +101597,13 @@
|
|
|
101597
101597
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-mixins.box"
|
|
101598
101598
|
},
|
|
101599
101599
|
"sizing": {
|
|
101600
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--sizing {\n width:
|
|
101601
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
101600
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--sizing {\n width: 93px;\n height: 23px;\n}",
|
|
101601
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 23px;\n}",
|
|
101602
101602
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-mixins.sizing"
|
|
101603
101603
|
},
|
|
101604
101604
|
"width": {
|
|
101605
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--width {\n width:
|
|
101606
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
101605
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--width {\n width: 93px;\n}",
|
|
101606
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
101607
101607
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-mixins.width"
|
|
101608
101608
|
},
|
|
101609
101609
|
"height": {
|
|
@@ -101612,13 +101612,13 @@
|
|
|
101612
101612
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-mixins.height"
|
|
101613
101613
|
},
|
|
101614
101614
|
"padding": {
|
|
101615
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--padding {\n padding-left:
|
|
101616
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
101615
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101616
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101617
101617
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-mixins.padding"
|
|
101618
101618
|
},
|
|
101619
101619
|
"figma-autolayout": {
|
|
101620
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
101621
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
101620
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
101621
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
101622
101622
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-mixins.figma-autolayout"
|
|
101623
101623
|
},
|
|
101624
101624
|
"absolute-layout": {
|
|
@@ -101674,13 +101674,13 @@
|
|
|
101674
101674
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-menu-item-mixins.absolute-layout"
|
|
101675
101675
|
},
|
|
101676
101676
|
"html-autolayout-margins": {
|
|
101677
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
101678
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
101677
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
101678
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
101679
101679
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-menu-item-mixins.html-autolayout-margins"
|
|
101680
101680
|
},
|
|
101681
101681
|
"html-autolayout-padding": {
|
|
101682
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
101683
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
101682
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101683
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101684
101684
|
"outputSegmentRef": "size-compact-scw-horizontal-nav-item-container-label-menu-item-mixins.html-autolayout-padding"
|
|
101685
101685
|
}
|
|
101686
101686
|
},
|
|
@@ -101721,18 +101721,18 @@
|
|
|
101721
101721
|
"outputSegmentRef": "size-compact-align-left-mixins.figma-autolayout"
|
|
101722
101722
|
},
|
|
101723
101723
|
"absolute-layout": {
|
|
101724
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left--absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
101725
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: var( --scw-spacing-
|
|
101724
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.8 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 32.1 );\n height: 68px; \n}",
|
|
101725
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.8 );\n width: 805px;\n top: calc( var( --scw-spacing-1 ) * 32.1 );\n height: 68px; \n}",
|
|
101726
101726
|
"outputSegmentRef": "size-compact-align-left-mixins.absolute-layout"
|
|
101727
101727
|
},
|
|
101728
101728
|
"html-autolayout-margins": {
|
|
101729
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
101730
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-
|
|
101729
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.8 );\n margin-right: var( --scw-spacing-4 );\n margin-top: calc( var( --scw-spacing-1 ) * 32.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 75.9 );\n}",
|
|
101730
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.8 );\n margin-right: var( --scw-spacing-4 );\n margin-top: calc( var( --scw-spacing-1 ) * 32.1 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 75.9 );\n}",
|
|
101731
101731
|
"outputSegmentRef": "size-compact-align-left-mixins.html-autolayout-margins"
|
|
101732
101732
|
},
|
|
101733
101733
|
"html-autolayout-padding": {
|
|
101734
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
101735
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-
|
|
101734
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.8 );\n padding-right: var( --scw-spacing-4 );\n padding-top: calc( var( --scw-spacing-1 ) * 32.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 75.9 );\n}",
|
|
101735
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.8 );\n padding-right: var( --scw-spacing-4 );\n padding-top: calc( var( --scw-spacing-1 ) * 32.1 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 75.9 );\n}",
|
|
101736
101736
|
"outputSegmentRef": "size-compact-align-left-mixins.html-autolayout-padding"
|
|
101737
101737
|
}
|
|
101738
101738
|
},
|
|
@@ -101748,13 +101748,13 @@
|
|
|
101748
101748
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-mixins.box"
|
|
101749
101749
|
},
|
|
101750
101750
|
"sizing": {
|
|
101751
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--sizing {\n width:
|
|
101752
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
101751
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--sizing {\n width: 93px;\n height: 68px;\n}",
|
|
101752
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 68px;\n}",
|
|
101753
101753
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-mixins.sizing"
|
|
101754
101754
|
},
|
|
101755
101755
|
"width": {
|
|
101756
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--width {\n width:
|
|
101757
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
101756
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--width {\n width: 93px;\n}",
|
|
101757
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
101758
101758
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-mixins.width"
|
|
101759
101759
|
},
|
|
101760
101760
|
"height": {
|
|
@@ -101778,13 +101778,13 @@
|
|
|
101778
101778
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-mixins.absolute-layout"
|
|
101779
101779
|
},
|
|
101780
101780
|
"html-autolayout-margins": {
|
|
101781
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: calc( var( --scw-spacing-1 ) *
|
|
101782
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: calc( var( --scw-spacing-1 ) *
|
|
101781
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: calc( var( --scw-spacing-1 ) * 71.2 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
101782
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: calc( var( --scw-spacing-1 ) * 71.2 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
101783
101783
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-mixins.html-autolayout-margins"
|
|
101784
101784
|
},
|
|
101785
101785
|
"html-autolayout-padding": {
|
|
101786
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: calc( var( --scw-spacing-1 ) *
|
|
101787
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: calc( var( --scw-spacing-1 ) *
|
|
101786
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: calc( var( --scw-spacing-1 ) * 71.2 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101787
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: calc( var( --scw-spacing-1 ) * 71.2 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
101788
101788
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-mixins.html-autolayout-padding"
|
|
101789
101789
|
}
|
|
101790
101790
|
},
|
|
@@ -101800,13 +101800,13 @@
|
|
|
101800
101800
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-mixins.box"
|
|
101801
101801
|
},
|
|
101802
101802
|
"sizing": {
|
|
101803
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container--sizing {\n width:
|
|
101804
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
101803
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container--sizing {\n width: 93px;\n height: 63px;\n}",
|
|
101804
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 63px;\n}",
|
|
101805
101805
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-mixins.sizing"
|
|
101806
101806
|
},
|
|
101807
101807
|
"width": {
|
|
101808
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container--width {\n width:
|
|
101809
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
101808
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container--width {\n width: 93px;\n}",
|
|
101809
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
101810
101810
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-mixins.width"
|
|
101811
101811
|
},
|
|
101812
101812
|
"height": {
|
|
@@ -101882,13 +101882,13 @@
|
|
|
101882
101882
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-mixins.absolute-layout"
|
|
101883
101883
|
},
|
|
101884
101884
|
"html-autolayout-margins": {
|
|
101885
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
101886
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
101885
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101886
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-right: calc( var( --scw-spacing-1 ) * 2.65 );\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101887
101887
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-mixins.html-autolayout-margins"
|
|
101888
101888
|
},
|
|
101889
101889
|
"html-autolayout-padding": {
|
|
101890
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
101891
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
101890
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-scw-icon--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101891
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-right: calc( var( --scw-spacing-1 ) * 2.65 );\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );\n}",
|
|
101892
101892
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-mixins.html-autolayout-padding"
|
|
101893
101893
|
}
|
|
101894
101894
|
},
|
|
@@ -102008,13 +102008,13 @@
|
|
|
102008
102008
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.box"
|
|
102009
102009
|
},
|
|
102010
102010
|
"sizing": {
|
|
102011
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--sizing {\n width:
|
|
102012
|
-
"outputSegment": "\n@mixin sizing {\n width:
|
|
102011
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--sizing {\n width: 93px;\n height: 23px;\n}",
|
|
102012
|
+
"outputSegment": "\n@mixin sizing {\n width: 93px;\n height: 23px;\n}",
|
|
102013
102013
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.sizing"
|
|
102014
102014
|
},
|
|
102015
102015
|
"width": {
|
|
102016
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--width {\n width:
|
|
102017
|
-
"outputSegment": "\n@mixin width {\n width:
|
|
102016
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--width {\n width: 93px;\n}",
|
|
102017
|
+
"outputSegment": "\n@mixin width {\n width: 93px;\n}",
|
|
102018
102018
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.width"
|
|
102019
102019
|
},
|
|
102020
102020
|
"height": {
|
|
@@ -102023,13 +102023,13 @@
|
|
|
102023
102023
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.height"
|
|
102024
102024
|
},
|
|
102025
102025
|
"padding": {
|
|
102026
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--padding {\n padding-left:
|
|
102027
|
-
"outputSegment": "\n@mixin padding {\n padding-left:
|
|
102026
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
102027
|
+
"outputSegment": "\n@mixin padding {\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
102028
102028
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.padding"
|
|
102029
102029
|
},
|
|
102030
102030
|
"figma-autolayout": {
|
|
102031
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
102032
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left:
|
|
102031
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
102032
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n & > *:not(:last-child) { \n margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 ); \n } \n}",
|
|
102033
102033
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.figma-autolayout"
|
|
102034
102034
|
},
|
|
102035
102035
|
"absolute-layout": {
|
|
@@ -102085,13 +102085,13 @@
|
|
|
102085
102085
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-mixins.absolute-layout"
|
|
102086
102086
|
},
|
|
102087
102087
|
"html-autolayout-margins": {
|
|
102088
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
102089
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left:
|
|
102088
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
102089
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: var( --scw-spacing-1 );\n margin-right: var( --scw-spacing-1 );\n margin-top: 0px;\n margin-bottom: 0px;\n}",
|
|
102090
102090
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-mixins.html-autolayout-margins"
|
|
102091
102091
|
},
|
|
102092
102092
|
"html-autolayout-padding": {
|
|
102093
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
102094
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left:
|
|
102093
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item--html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
102094
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: var( --scw-spacing-1 );\n padding-right: var( --scw-spacing-1 );\n padding-top: 0px;\n padding-bottom: 0px;\n}",
|
|
102095
102095
|
"outputSegmentRef": "size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-mixins.html-autolayout-padding"
|
|
102096
102096
|
}
|
|
102097
102097
|
},
|
|
@@ -102132,18 +102132,18 @@
|
|
|
102132
102132
|
"outputSegmentRef": "align-vertical-mixins.figma-autolayout"
|
|
102133
102133
|
},
|
|
102134
102134
|
"absolute-layout": {
|
|
102135
|
-
"output": "\n@mixin comp-scw-horizontal-nav-align-vertical--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
102136
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
102135
|
+
"output": "\n@mixin comp-scw-horizontal-nav-align-vertical--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 128px;\n top: calc( var( --scw-spacing-1 ) * 43.15 );\n height: 485px; \n}",
|
|
102136
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 3.6 );\n width: 128px;\n top: calc( var( --scw-spacing-1 ) * 43.15 );\n height: 485px; \n}",
|
|
102137
102137
|
"outputSegmentRef": "align-vertical-mixins.absolute-layout"
|
|
102138
102138
|
},
|
|
102139
102139
|
"html-autolayout-margins": {
|
|
102140
|
-
"output": "\n@mixin comp-scw-horizontal-nav-align-vertical--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
102141
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
102140
|
+
"output": "\n@mixin comp-scw-horizontal-nav-align-vertical--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 71.9 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 23.15 );\n}",
|
|
102141
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 3.6 );\n margin-right: calc( var( --scw-spacing-1 ) * 71.9 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 23.15 );\n}",
|
|
102142
102142
|
"outputSegmentRef": "align-vertical-mixins.html-autolayout-margins"
|
|
102143
102143
|
},
|
|
102144
102144
|
"html-autolayout-padding": {
|
|
102145
|
-
"output": "\n@mixin comp-scw-horizontal-nav-align-vertical--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
102146
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
102145
|
+
"output": "\n@mixin comp-scw-horizontal-nav-align-vertical--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 71.9 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 23.15 );\n}",
|
|
102146
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 3.6 );\n padding-right: calc( var( --scw-spacing-1 ) * 71.9 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 23.15 );\n}",
|
|
102147
102147
|
"outputSegmentRef": "align-vertical-mixins.html-autolayout-padding"
|
|
102148
102148
|
}
|
|
102149
102149
|
},
|
|
@@ -102543,18 +102543,18 @@
|
|
|
102543
102543
|
"outputSegmentRef": "size-compact-align-vertical-mixins.figma-autolayout"
|
|
102544
102544
|
},
|
|
102545
102545
|
"absolute-layout": {
|
|
102546
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
102547
|
-
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) *
|
|
102546
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 16.4 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 43.65 );\n height: 365px; \n}",
|
|
102547
|
+
"outputSegment": "\n@mixin absolute-layout {\n position: absolute;\n left: calc( var( --scw-spacing-1 ) * 16.4 );\n width: 103px;\n top: calc( var( --scw-spacing-1 ) * 43.65 );\n height: 365px; \n}",
|
|
102548
102548
|
"outputSegmentRef": "size-compact-align-vertical-mixins.absolute-layout"
|
|
102549
102549
|
},
|
|
102550
102550
|
"html-autolayout-margins": {
|
|
102551
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
102552
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) *
|
|
102551
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 16.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 61.6 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
|
|
102552
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: calc( var( --scw-spacing-1 ) * 16.4 );\n margin-right: calc( var( --scw-spacing-1 ) * 61.6 );\n margin-top: calc( var( --scw-spacing-1 ) * 43.65 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
|
|
102553
102553
|
"outputSegmentRef": "size-compact-align-vertical-mixins.html-autolayout-margins"
|
|
102554
102554
|
},
|
|
102555
102555
|
"html-autolayout-padding": {
|
|
102556
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
102557
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) *
|
|
102556
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 16.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 61.6 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
|
|
102557
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: calc( var( --scw-spacing-1 ) * 16.4 );\n padding-right: calc( var( --scw-spacing-1 ) * 61.6 );\n padding-top: calc( var( --scw-spacing-1 ) * 43.65 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 34.65 );\n}",
|
|
102558
102558
|
"outputSegmentRef": "size-compact-align-vertical-mixins.html-autolayout-padding"
|
|
102559
102559
|
}
|
|
102560
102560
|
},
|