scu-web-components 1.2.2 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +0 -179
- package/dist/custom-elements.json.gz +0 -0
- package/dist/docs/components/ScwCallout.json +3 -106
- package/dist/docs/components/ScwProductCard.json +4 -80
- package/dist/docs/components/manifest.json +6 -6
- package/dist/docs/config.json +5 -5
- package/dist/scw-components.js +187 -156
- package/dist/scw-components.js.gz +0 -0
- package/dist/scw.js +187 -156
- package/dist/scw.js.gz +0 -0
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-mixins.scss +5 -5
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-mixins.scss +8 -8
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-vars.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-vars.scss +3 -3
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-mixins.scss +12 -12
- 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-focus-style-vertical-tab-size-small-container-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-mixins.scss +12 -12
- 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-hover-style-vertical-tab-size-small-container-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-mixins.scss +12 -12
- 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/_style-vertical-tab-size-small-container-mixins.scss +4 -4
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-vars.scss +2 -2
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-mixins.scss +12 -12
- package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-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-item-state-default-style-vertical-tab-size-small-.json +14 -14
- 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-default-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +14 -14
- 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-focus-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +14 -14
- 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-state-hover-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +14 -14
- 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-item-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json +10 -10
- 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-align-vertical-scw-horizontal-nav-item-.json +12 -12
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
- package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins.json +98 -98
- package/dist/tokens/source/componentScssMixins.json.gz +0 -0
- package/dist/tokens/source/componentScssMixins.scss +81 -81
- 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-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-default-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.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-focus-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.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-state-hover-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.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-item-style-vertical-tab-size-small-container-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json +6 -6
- 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-align-vertical-scw-horizontal-nav-item-.json +8 -8
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
- package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
- package/dist/tokens/source/scssVariables.json +82 -82
- package/dist/tokens/source/scssVariables.json.gz +0 -0
- package/dist/tokens/source/scssVariables.scss +41 -41
- package/dist/tokens/source/tokens.json +45 -45
- package/dist/tokens/source/tokens.json.gz +0 -0
- package/dist-node/scw-components.js +311 -280
- package/dist-node/scw.js +306 -275
- package/package.json +1 -1
- package/scripts/publish/releaseNotes.mjs +11 -0
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"outputSegmentRef": "state-default-style-vertical-tab-size-small-container-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
44
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
43
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
44
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
45
45
|
"outputSegmentRef": "state-default-style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
49
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
48
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
49
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
50
50
|
"outputSegmentRef": "state-default-style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.box"
|
|
11
11
|
},
|
|
12
12
|
"sizing": {
|
|
13
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--sizing {\n width: 100px;\n height:
|
|
14
|
-
"outputSegment": "\n@mixin sizing {\n width: 100px;\n height:
|
|
13
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 83px;\n}",
|
|
14
|
+
"outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 83px;\n}",
|
|
15
15
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.sizing"
|
|
16
16
|
},
|
|
17
17
|
"width": {
|
|
@@ -20,33 +20,33 @@
|
|
|
20
20
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.width"
|
|
21
21
|
},
|
|
22
22
|
"height": {
|
|
23
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--height {\n height:
|
|
24
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
23
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--height {\n height: 83px;\n}",
|
|
24
|
+
"outputSegment": "\n@mixin height {\n height: 83px;\n}",
|
|
25
25
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.height"
|
|
26
26
|
},
|
|
27
27
|
"padding": {
|
|
28
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
29
|
-
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
28
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
29
|
+
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
30
30
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.padding"
|
|
31
31
|
},
|
|
32
32
|
"figma-autolayout": {
|
|
33
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
34
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
33
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
34
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
35
35
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.figma-autolayout"
|
|
36
36
|
},
|
|
37
37
|
"absolute-layout": {
|
|
38
|
-
"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.
|
|
39
|
-
"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.
|
|
38
|
+
"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.15 );\n height: 83px; \n}",
|
|
39
|
+
"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.15 );\n height: 83px; \n}",
|
|
40
40
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"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.
|
|
44
|
-
"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.
|
|
43
|
+
"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.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
44
|
+
"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.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
45
45
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"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.
|
|
49
|
-
"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.
|
|
48
|
+
"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.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
49
|
+
"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.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
50
50
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
44
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
43
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
44
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
45
45
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
49
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
48
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
49
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
50
50
|
"outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.box"
|
|
11
11
|
},
|
|
12
12
|
"sizing": {
|
|
13
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--sizing {\n width: 100px;\n height:
|
|
14
|
-
"outputSegment": "\n@mixin sizing {\n width: 100px;\n height:
|
|
13
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--sizing {\n width: 100px;\n height: 83px;\n}",
|
|
14
|
+
"outputSegment": "\n@mixin sizing {\n width: 100px;\n height: 83px;\n}",
|
|
15
15
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.sizing"
|
|
16
16
|
},
|
|
17
17
|
"width": {
|
|
@@ -20,33 +20,33 @@
|
|
|
20
20
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.width"
|
|
21
21
|
},
|
|
22
22
|
"height": {
|
|
23
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--height {\n height:
|
|
24
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
23
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--height {\n height: 83px;\n}",
|
|
24
|
+
"outputSegment": "\n@mixin height {\n height: 83px;\n}",
|
|
25
25
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.height"
|
|
26
26
|
},
|
|
27
27
|
"padding": {
|
|
28
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
29
|
-
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
28
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
29
|
+
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
30
30
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.padding"
|
|
31
31
|
},
|
|
32
32
|
"figma-autolayout": {
|
|
33
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
34
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
33
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
34
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
35
35
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.figma-autolayout"
|
|
36
36
|
},
|
|
37
37
|
"absolute-layout": {
|
|
38
|
-
"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.
|
|
39
|
-
"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.
|
|
38
|
+
"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.15 );\n height: 83px; \n}",
|
|
39
|
+
"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.15 );\n height: 83px; \n}",
|
|
40
40
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"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.
|
|
44
|
-
"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.
|
|
43
|
+
"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.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
44
|
+
"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.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
45
45
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"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.
|
|
49
|
-
"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.
|
|
48
|
+
"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.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
49
|
+
"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.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
50
50
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
44
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
43
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
44
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
45
45
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
49
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
48
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
49
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
50
50
|
"outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.box"
|
|
11
11
|
},
|
|
12
12
|
"sizing": {
|
|
13
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--sizing {\n width: 103px;\n height:
|
|
14
|
-
"outputSegment": "\n@mixin sizing {\n width: 103px;\n height:
|
|
13
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--sizing {\n width: 103px;\n height: 83px;\n}",
|
|
14
|
+
"outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 83px;\n}",
|
|
15
15
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.sizing"
|
|
16
16
|
},
|
|
17
17
|
"width": {
|
|
@@ -20,33 +20,33 @@
|
|
|
20
20
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.width"
|
|
21
21
|
},
|
|
22
22
|
"height": {
|
|
23
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--height {\n height:
|
|
24
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
23
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--height {\n height: 83px;\n}",
|
|
24
|
+
"outputSegment": "\n@mixin height {\n height: 83px;\n}",
|
|
25
25
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.height"
|
|
26
26
|
},
|
|
27
27
|
"padding": {
|
|
28
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
29
|
-
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
28
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
29
|
+
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
30
30
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.padding"
|
|
31
31
|
},
|
|
32
32
|
"figma-autolayout": {
|
|
33
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
34
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
33
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
34
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
35
35
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.figma-autolayout"
|
|
36
36
|
},
|
|
37
37
|
"absolute-layout": {
|
|
38
|
-
"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.
|
|
39
|
-
"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.
|
|
38
|
+
"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.15 );\n height: 83px; \n}",
|
|
39
|
+
"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.15 );\n height: 83px; \n}",
|
|
40
40
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"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.
|
|
44
|
-
"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.
|
|
43
|
+
"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.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
44
|
+
"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.15 );\n margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
45
45
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"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.
|
|
49
|
-
"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.
|
|
48
|
+
"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.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
49
|
+
"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.15 );\n padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
|
|
50
50
|
"outputSegmentRef": "style-vertical-tab-size-small-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"outputSegmentRef": "style-vertical-tab-size-small-container-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
44
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
43
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
44
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
45
45
|
"outputSegmentRef": "style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
49
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
48
|
+
"output": "\n@mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
49
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
50
50
|
"outputSegmentRef": "style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"outputSegmentRef": "size-compact-align-vertical-mixins.box"
|
|
11
11
|
},
|
|
12
12
|
"sizing": {
|
|
13
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--sizing {\n width: 103px;\n height:
|
|
14
|
-
"outputSegment": "\n@mixin sizing {\n width: 103px;\n height:
|
|
13
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--sizing {\n width: 103px;\n height: 415px;\n}",
|
|
14
|
+
"outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 415px;\n}",
|
|
15
15
|
"outputSegmentRef": "size-compact-align-vertical-mixins.sizing"
|
|
16
16
|
},
|
|
17
17
|
"width": {
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
"outputSegmentRef": "size-compact-align-vertical-mixins.width"
|
|
21
21
|
},
|
|
22
22
|
"height": {
|
|
23
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--height {\n height:
|
|
24
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
23
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical--height {\n height: 415px;\n}",
|
|
24
|
+
"outputSegment": "\n@mixin height {\n height: 415px;\n}",
|
|
25
25
|
"outputSegmentRef": "size-compact-align-vertical-mixins.height"
|
|
26
26
|
},
|
|
27
27
|
"padding": {
|
|
@@ -35,18 +35,18 @@
|
|
|
35
35
|
"outputSegmentRef": "size-compact-align-vertical-mixins.figma-autolayout"
|
|
36
36
|
},
|
|
37
37
|
"absolute-layout": {
|
|
38
|
-
"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:
|
|
39
|
-
"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:
|
|
38
|
+
"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: 415px; \n}",
|
|
39
|
+
"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: 415px; \n}",
|
|
40
40
|
"outputSegmentRef": "size-compact-align-vertical-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"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 ) *
|
|
44
|
-
"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 ) *
|
|
43
|
+
"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 ) * 29.65 );\n}",
|
|
44
|
+
"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 ) * 29.65 );\n}",
|
|
45
45
|
"outputSegmentRef": "size-compact-align-vertical-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"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 ) *
|
|
49
|
-
"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 ) *
|
|
48
|
+
"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 ) * 29.65 );\n}",
|
|
49
|
+
"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 ) * 29.65 );\n}",
|
|
50
50
|
"outputSegmentRef": "size-compact-align-vertical-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.box"
|
|
11
11
|
},
|
|
12
12
|
"sizing": {
|
|
13
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--sizing {\n width: 103px;\n height:
|
|
14
|
-
"outputSegment": "\n@mixin sizing {\n width: 103px;\n height:
|
|
13
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--sizing {\n width: 103px;\n height: 83px;\n}",
|
|
14
|
+
"outputSegment": "\n@mixin sizing {\n width: 103px;\n height: 83px;\n}",
|
|
15
15
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.sizing"
|
|
16
16
|
},
|
|
17
17
|
"width": {
|
|
@@ -20,18 +20,18 @@
|
|
|
20
20
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.width"
|
|
21
21
|
},
|
|
22
22
|
"height": {
|
|
23
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--height {\n height:
|
|
24
|
-
"outputSegment": "\n@mixin height {\n height:
|
|
23
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--height {\n height: 83px;\n}",
|
|
24
|
+
"outputSegment": "\n@mixin height {\n height: 83px;\n}",
|
|
25
25
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.height"
|
|
26
26
|
},
|
|
27
27
|
"padding": {
|
|
28
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
29
|
-
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
28
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
29
|
+
"outputSegment": "\n@mixin padding {\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
30
30
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.padding"
|
|
31
31
|
},
|
|
32
32
|
"figma-autolayout": {
|
|
33
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
34
|
-
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
33
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
34
|
+
"outputSegment": "\n@mixin figma-autolayout { \n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n padding-left: 0px;\n padding-right: 0px;\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}",
|
|
35
35
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.figma-autolayout"
|
|
36
36
|
},
|
|
37
37
|
"absolute-layout": {
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) *
|
|
44
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) *
|
|
43
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
|
|
44
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: 0px;\n margin-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
|
|
45
45
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) *
|
|
49
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) *
|
|
48
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
|
|
49
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: calc( var( --scw-spacing-1 ) * 33.2 );\n}",
|
|
50
50
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
Binary file
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.absolute-layout"
|
|
41
41
|
},
|
|
42
42
|
"html-autolayout-margins": {
|
|
43
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
44
|
-
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top:
|
|
43
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
44
|
+
"outputSegment": "\n@mixin html-autolayout-margins {\n display: inline-block;\n margin-left: 0px;\n margin-right: 0px;\n margin-top: var( --scw-spacing-1 );\n margin-bottom: var( --scw-spacing-1 );\n}",
|
|
45
45
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.html-autolayout-margins"
|
|
46
46
|
},
|
|
47
47
|
"html-autolayout-padding": {
|
|
48
|
-
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
49
|
-
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top:
|
|
48
|
+
"output": "\n@mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
49
|
+
"outputSegment": "\n@mixin html-autolayout-padding {\n display: inline-block;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: var( --scw-spacing-1 );\n padding-bottom: var( --scw-spacing-1 );\n}",
|
|
50
50
|
"outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.html-autolayout-padding"
|
|
51
51
|
}
|
|
52
52
|
}
|