Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix css bundle size #6166

Merged
merged 3 commits into from
Nov 29, 2024
Merged

Fix css bundle size #6166

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b4c09f8
Fix css duplicating
dk981234 Nov 29, 2024
91a2f20
Merge branch 'master' into bug/fix-css-size
dk981234 Nov 29, 2024
e7e4be9
Fix unit tests in React
dk981234 Nov 29, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
251 changes: 251 additions & 0 deletions packages/survey-creator-core/src/components/creator.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,257 @@
@import "./button.scss";
@import "./surface-placeholder.scss";

.svc-creator {
--lbr-line-height-x8: calc(#{$line-height-unit} * 8);
--lbr-line-height-x7: calc(#{$line-height-unit} * 7);
--lbr-line-height-x6: calc(#{$line-height-unit} * 6);
--lbr-line-height-x5: calc(#{$line-height-unit} * 5);
--lbr-line-height-x4: calc(#{$line-height-unit} * 4);
--lbr-line-height-x3: calc(#{$line-height-unit} * 3);
--lbr-line-height-x2: calc(#{$line-height-unit} * 2);
--lbr-line-height-x150: calc(#{$line-height-unit} * 1.5);
--lbr-line-height-x1: calc(#{$line-height-unit} * 1);
--lbr-font-size-x8: calc(#{$font-unit} * 8);
--lbr-font-size-x7: calc(#{$font-unit} * 7);
--lbr-font-size-x6: calc(#{$font-unit} * 6);
--lbr-font-size-x5: calc(#{$font-unit} * 5);
--lbr-font-size-x4: calc(#{$font-unit} * 4);
--lbr-font-size-x3: calc(#{$font-unit} * 3);
--lbr-font-size-x2: calc(#{$font-unit} * 2);
--lbr-font-size-x1: calc(#{$font-unit} * 1);
--lbr-font-size-x150: calc(#{$font-unit} * 1.5);
}

.svc-creator {
--lbr-spacing-x16: calc(#{$lbr-spacing-unit} * 16);
--lbr-spacing-x15: calc(#{$lbr-spacing-unit} * 15);
--lbr-spacing-x14: calc(#{$lbr-spacing-unit} * 14);
--lbr-spacing-x13: calc(#{$lbr-spacing-unit} * 13);
--lbr-spacing-x12: calc(#{$lbr-spacing-unit} * 12);
--lbr-spacing-x11: calc(#{$lbr-spacing-unit} * 11);
--lbr-spacing-x1050: calc(#{$lbr-spacing-unit} * 10.5);
--lbr-spacing-x10: calc(#{$lbr-spacing-unit} * 10);
--lbr-spacing-x9: calc(#{$lbr-spacing-unit} * 9);
--lbr-spacing-x850: calc(#{$lbr-spacing-unit} * 8.5);
--lbr-spacing-x8: calc(#{$lbr-spacing-unit} * 8);
--lbr-spacing-x7: calc(#{$lbr-spacing-unit} * 7);
--lbr-spacing-x6: calc(#{$lbr-spacing-unit} * 6);
--lbr-spacing-x5: calc(#{$lbr-spacing-unit} * 5);
--lbr-spacing-x4: calc(#{$lbr-spacing-unit} * 4);
--lbr-spacing-x350: calc(#{$lbr-spacing-unit} * 3.5);
--lbr-spacing-x3: calc(#{$lbr-spacing-unit} * 3);
--lbr-spacing-x2: calc(#{$lbr-spacing-unit} * 2);
--lbr-spacing-x1: calc(#{$lbr-spacing-unit} * 1);
--lbr-spacing-x0375: calc(#{$lbr-spacing-unit} * 0.375);
--lbr-spacing-x05: calc(#{$lbr-spacing-unit} * 0.5);
--lbr-spacing-x250: calc(#{$lbr-spacing-unit} * 2.5);
--lbr-spacing-x150: calc(#{$lbr-spacing-unit} * 1.5);
--lbr-spacing-x125: calc(#{$lbr-spacing-unit} * 1.25);
--lbr-spacing-x075: calc(#{$lbr-spacing-unit} * 0.75);
--lbr-spacing-x025: calc(#{$lbr-spacing-unit} * 0.25);
--lbr-spacing-x0125: calc(#{$lbr-spacing-unit} * 0.125);
--lbr-spacing-x025n: calc(#{$lbr-spacing-unit} * -0.25);
--lbr-spacing-x05n: calc(#{$lbr-spacing-unit} * -0.5);
--lbr-spacing-x1n: calc(#{$lbr-spacing-unit} * -1);
--lbr-spacing-x150n: calc(#{$lbr-spacing-unit} * -1.5);
--lbr-spacing-x2n: calc(#{$lbr-spacing-unit} * -2);
--lbr-spacing-x250n: calc(#{$lbr-spacing-unit} * -2.5);
--lbr-spacing-x3n: calc(#{$lbr-spacing-unit} * -3);
--lbr-spacing-x4n: calc(#{$lbr-spacing-unit} * -4);
--lbr-spacing-x5n: calc(#{$lbr-spacing-unit} * -5);
--lbr-spacing-x6n: calc(#{$lbr-spacing-unit} * -6);
--lbr-spacing-x7n: calc(#{$lbr-spacing-unit} * -7);
--lbr-spacing-x8n: calc(#{$lbr-spacing-unit} * -8);
--lbr-corner-radius-x0125: calc(#{$lbr-corner-radius-unit} * 0.125);
--lbr-corner-radius-x025: calc(#{$lbr-corner-radius-unit} * 0.25);
--lbr-corner-radius-x0375: calc(#{$lbr-corner-radius-unit} * 0.375);
--lbr-corner-radius-x05: calc(#{$lbr-corner-radius-unit} * 0.5);
--lbr-corner-radius-x075: calc(#{$lbr-corner-radius-unit} * 0.75);
--lbr-corner-radius-x1: calc(#{$lbr-corner-radius-unit} * 1);
--lbr-corner-radius-x125: calc(#{$lbr-corner-radius-unit} * 1.25);
--lbr-corner-radius-x150: calc(#{$lbr-corner-radius-unit} * 1.5);
--lbr-corner-radius-x2: calc(#{$lbr-corner-radius-unit} * 2);
--lbr-corner-radius-x250: calc(#{$lbr-corner-radius-unit} * 2.5);
--lbr-corner-radius-x3: calc(#{$lbr-corner-radius-unit} * 3);
--lbr-corner-radius-x350: calc(#{$lbr-corner-radius-unit} * 3.5);
--lbr-corner-radius-x4: calc(#{$lbr-corner-radius-unit} * 4);
--lbr-corner-radius-x5: calc(#{$lbr-corner-radius-unit} * 5);
--lbr-corner-radius-x6: calc(#{$lbr-corner-radius-unit} * 6);
--lbr-corner-radius-x7: calc(#{$lbr-corner-radius-unit} * 7);
--lbr-corner-radius-x8: calc(#{$lbr-corner-radius-unit} * 8);
--lbr-corner-radius-round: 1024px;
--lbr-stroke-x1: calc(#{$lbr-stroke-unit} * 1);
--lbr-stroke-x2: calc(#{$lbr-stroke-unit} * 2);
--lbr-stroke-x3: calc(#{$lbr-stroke-unit} * 3);
--lbr-stroke-x4: calc(#{$lbr-stroke-unit} * 4);
--lbr-stroke-x6: calc(#{$lbr-stroke-unit} * 6);
--lbr-stroke-x8: calc(#{$lbr-stroke-unit} * 8);
--lbr-size-x0125: calc(#{$lbr-size-unit} * 0.125);
--lbr-size-x025: calc(#{$lbr-size-unit} * 0.25);
--lbr-size-x05: calc(#{$lbr-size-unit} * 0.5);
--lbr-size-x075: calc(#{$lbr-size-unit} * 0.75);
--lbr-size-x1: calc(#{$lbr-size-unit} * 1);
--lbr-size-x125: calc(#{$lbr-size-unit} * 12.5);
--lbr-size-x150: calc(#{$lbr-size-unit} * 1.5);
--lbr-size-x2: calc(#{$lbr-size-unit} * 2);
--lbr-size-x250: calc(#{$lbr-size-unit} * 2.5);
--lbr-size-x3: calc(#{$lbr-size-unit} * 3);
--lbr-size-x350: calc(#{$lbr-size-unit} * 3.5);
--lbr-size-x4: calc(#{$lbr-size-unit} * 4);
--lbr-size-x450: calc(#{$lbr-size-unit} * 4.5);
--lbr-size-x5: calc(#{$lbr-size-unit} * 5);
--lbr-size-x550: calc(#{$lbr-size-unit} * 5.5);
--lbr-size-x6: calc(#{$lbr-size-unit} * 6);
--lbr-size-x7: calc(#{$lbr-size-unit} * 7);
--lbr-size-x8: calc(#{$lbr-size-unit} * 8);
--lbr-size-x9: calc(#{$lbr-size-unit} * 9);
--lbr-size-x10: calc(#{$lbr-size-unit} * 10);
--lbr-size-x11: calc(#{$lbr-size-unit} * 11);
--lbr-size-x12: calc(#{$lbr-size-unit} * 12);
--lbr-size-x13: calc(#{$lbr-size-unit} * 13);
--lbr-size-x14: calc(#{$lbr-size-unit} * 14);
--lbr-size-x15: calc(#{$lbr-size-unit} * 15);
--lbr-size-x16: calc(#{$lbr-size-unit} * 16);
--lbr-size-x17: calc(#{$lbr-size-unit} * 17);
--lbr-size-x18: calc(#{$lbr-size-unit} * 18);
--lbr-size-x20: calc(#{$lbr-size-unit} * 20);
--lbr-size-x28: calc(#{$lbr-size-unit} * 28);
--lbr-size-x32: calc(#{$lbr-size-unit} * 32);
--lbr-size-x40: calc(#{$lbr-size-unit} * 40);
--lbr-size-x50: calc(#{$lbr-size-unit} * 50);
--lbr-size-x60: calc(#{$lbr-size-unit} * 60);
--lbr-size-x64: calc(#{$lbr-size-unit} * 64);
--lbr-size-x80: calc(#{$lbr-size-unit} * 80);
--lbr-size-x86: calc(#{$lbr-size-unit} * 86);
--lbr-size-x90: calc(#{$lbr-size-unit} * 90);
--lbr-size-max: 10000px;
}

.svc-creator {
--sjs-font-size-x1: calc(#{$font-unit} * 1);
--sjs-font-size-x150: calc(#{$font-unit} * 1.5);
--sjs-font-size-x2: calc(#{$font-unit} * 2);
--sjs-font-size-x3: calc(#{$font-unit} * 3);
--sjs-font-size-x4: calc(#{$font-unit} * 4);
--sjs-font-size-x5: calc(#{$font-unit} * 5);
--sjs-font-size-x6: calc(#{$font-unit} * 6);
--sjs-font-size-x7: calc(#{$font-unit} * 7);
--sjs-font-size-x8: calc(#{$font-unit} * 8);
--sjs-line-height-x1: calc(#{$line-height-unit} * 1);
--sjs-line-height-x150: calc(#{$line-height-unit} * 1.5);
--sjs-line-height-x2: calc(#{$line-height-unit} * 2);
--sjs-line-height-x3: calc(#{$line-height-unit} * 3);
--sjs-line-height-x4: calc(#{$line-height-unit} * 4);
--sjs-line-height-x5: calc(#{$line-height-unit} * 5);
--sjs-line-height-x6: calc(#{$line-height-unit} * 6);
--sjs-line-height-x7: calc(#{$line-height-unit} * 7);
--sjs-line-height-x8: calc(#{$line-height-unit} * 8);
}

.svc-creator {
--sjs-spacing-x2: calc(#{$spacing-unit} * 2);
--sjs-spacing-x3: calc(#{$spacing-unit} * 3);
--sjs-spacing-x1: calc(#{$spacing-unit} * 1);
--sjs-spacing-x05: calc(#{$spacing-unit} * 0.5);
--sjs-spacing-x025: calc(#{$spacing-unit} * 0.25);
--sjs-spacing-x0125: calc(#{$spacing-unit} * 0.125);
--sjs-spacing-x150: calc(#{$spacing-unit} * 1.5);
--sjs-spacing-x250: calc(#{$spacing-unit} * 2.5);
--sjs-spacing-x4: calc(#{$spacing-unit} * 4);
--sjs-spacing-x350: calc(#{$spacing-unit} * 3.5);
--sjs-spacing-x5: calc(#{$spacing-unit} * 5);
--sjs-spacing-x6: calc(#{$spacing-unit} * 6);
--sjs-spacing-x7: calc(#{$spacing-unit} * 7);
--sjs-spacing-x8: calc(#{$spacing-unit} * 8);
--sjs-spacing-x9: calc(#{$spacing-unit} * 9);
--sjs-spacing-x10: calc(#{$spacing-unit} * 10);
--sjs-spacing-x11: calc(#{$spacing-unit} * 11);
--sjs-spacing-x12: calc(#{$spacing-unit} * 12);
--sjs-spacing-x13: calc(#{$spacing-unit} * 13);
--sjs-spacing-x14: calc(#{$spacing-unit} * 14);
--sjs-spacing-x15: calc(#{$spacing-unit} * 15);
--sjs-spacing-x16: calc(#{$spacing-unit} * 16);
--sjs-spacing-x075: calc(#{$spacing-unit} * 0.75);
--sjs-spacing-x125: calc(#{$spacing-unit} * 1.25);
--sjs-spacing-x1050: calc(#{$spacing-unit} * 10.5);
--sjs-spacing-x0375: calc(#{$spacing-unit} * 0.375);
--sjs-spacing-x850: calc(#{$spacing-unit} * 8.5);
--sjs-spacing-x025n: calc(#{$spacing-unit} * -0.25);
--sjs-spacing-x3n: calc(#{$spacing-unit} * -3);
--sjs-spacing-x4n: calc(#{$spacing-unit} * -4);
--sjs-spacing-x05n: calc(#{$spacing-unit} * -0.5);
--sjs-spacing-x1n: calc(#{$spacing-unit} * -1);
--sjs-spacing-x150n: calc(#{$spacing-unit} * -1.5);
--sjs-spacing-x2n: calc(#{$spacing-unit} * -2);
--sjs-spacing-x5n: calc(#{$spacing-unit} * -5);
--sjs-spacing-x6n: calc(#{$spacing-unit} * -6);
--sjs-spacing-x7n: calc(#{$spacing-unit} * -7);
--sjs-spacing-x8n: calc(#{$spacing-unit} * -8);
--sjs-corner-radius-x0125: calc(#{$corner-radius-unit} * 0.125);
--sjs-corner-radius-x025: calc(#{$corner-radius-unit} * 0.25);
--sjs-corner-radius-x05: calc(#{$corner-radius-unit} * 0.5);
--sjs-corner-radius-x075: calc(#{$corner-radius-unit} * 0.75);
--sjs-corner-radius-x1: calc(#{$corner-radius-unit} * 1);
--sjs-corner-radius-x125: calc(#{$corner-radius-unit} * 1.25);
--sjs-corner-radius-x150: calc(#{$corner-radius-unit} * 1.5);
--sjs-corner-radius-x2: calc(#{$corner-radius-unit} * 2);
--sjs-corner-radius-x250: calc(#{$corner-radius-unit} * 2.5);
--sjs-corner-radius-x3: calc(#{$corner-radius-unit} * 3);
--sjs-corner-radius-x350: calc(#{$corner-radius-unit} * 3.5);
--sjs-corner-radius-x4: calc(#{$corner-radius-unit} * 4);
--sjs-corner-radius-x5: calc(#{$corner-radius-unit} * 5);
--sjs-corner-radius-x6: calc(#{$corner-radius-unit} * 6);
--sjs-corner-radius-x7: calc(#{$corner-radius-unit} * 7);
--sjs-corner-radius-x8: calc(#{$corner-radius-unit} * 8);
--sjs-corner-radius-round: calc(#{$corner-radius-unit} * 128);
--sjs-corner-radius-x0375: calc(#{$corner-radius-unit} * 0.375);
--sjs-stroke-x1: calc(#{$stroke-unit} * 1);
--sjs-stroke-x2: calc(#{$stroke-unit} * 2);
--sjs-stroke-x3: calc(#{$stroke-unit} * 3);
--sjs-stroke-x4: calc(#{$stroke-unit} * 4);
--sjs-stroke-x6: calc(#{$stroke-unit} * 6);
--sjs-stroke-x8: calc(#{$stroke-unit} * 8);
--sjs-size-x0125: calc(#{$size-unit} * 0.125);
--sjs-size-x025: calc(#{$size-unit} * 0.25);
--sjs-size-x05: calc(#{$size-unit} * 0.5);
--sjs-size-x075: calc(#{$size-unit} * 0.75);
--sjs-size-x1: calc(#{$size-unit} * 1);
--sjs-size-x125: calc(#{$size-unit} * 1.25);
--sjs-size-x150: calc(#{$size-unit} * 1.5);
--sjs-size-x2: calc(#{$size-unit} * 2);
--sjs-size-x250: calc(#{$size-unit} * 2.5);
--sjs-size-x3: calc(#{$size-unit} * 3);
--sjs-size-x350: calc(#{$size-unit} * 3.5);
--sjs-size-x4: calc(#{$size-unit} * 4);
--sjs-size-x5: calc(#{$size-unit} * 5);
--sjs-size-x6: calc(#{$size-unit} * 6);
--sjs-size-x7: calc(#{$size-unit} * 7);
--sjs-size-x8: calc(#{$size-unit} * 8);
--sjs-size-x9: calc(#{$size-unit} * 9);
--sjs-size-x10: calc(#{$size-unit} * 10);
--sjs-size-x11: calc(#{$size-unit} * 11);
--sjs-size-x12: calc(#{$size-unit} * 12);
--sjs-size-x13: calc(#{$size-unit} * 13);
--sjs-size-x14: calc(#{$size-unit} * 14);
--sjs-size-x15: calc(#{$size-unit} * 15);
--sjs-size-x16: calc(#{$size-unit} * 16);
--sjs-size-x550: calc(#{$size-unit} * 5.5);
--sjs-size-max: 10000px;
--sjs-size-x17: calc(#{$size-unit} * 17);
--sjs-size-x18: calc(#{$size-unit} * 18);
--sjs-size-x64: calc(#{$size-unit} * 64);
--sjs-size-x90: calc(#{$size-unit} * 90);
--sjs-size-x80: calc(#{$size-unit} * 80);
--sjs-size-x40: calc(#{$size-unit} * 40);
--sjs-size-x32: calc(#{$size-unit} * 32);
--sjs-size-x20: calc(#{$size-unit} * 20);
--sjs-size-x86: calc(#{$size-unit} * 86);
--sjs-size-x60: calc(#{$size-unit} * 60);
--sjs-size-x28: calc(#{$size-unit} * 28);
--sjs-size-x50: calc(#{$size-unit} * 50);
}


survey-creator,
.svc-creator {
display: flex;
Expand Down
Empty file added packages/survey-creator-core/src/creator.scss
View file
Open in desktop
Empty file.
21 changes: 1 addition & 20 deletions packages/survey-creator-core/src/ctr-font-sizes.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,26 +2,7 @@ $font-unit: var(--ctr-font-unit, 8px);
$line-height-unit: var(--ctr-line-height-unit, 8px);
$font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));

.svc-creator {
--sjs-font-size-x1: calc(#{$font-unit} * 1);
--sjs-font-size-x150: calc(#{$font-unit} * 1.5);
--sjs-font-size-x2: calc(#{$font-unit} * 2);
--sjs-font-size-x3: calc(#{$font-unit} * 3);
--sjs-font-size-x4: calc(#{$font-unit} * 4);
--sjs-font-size-x5: calc(#{$font-unit} * 5);
--sjs-font-size-x6: calc(#{$font-unit} * 6);
--sjs-font-size-x7: calc(#{$font-unit} * 7);
--sjs-font-size-x8: calc(#{$font-unit} * 8);
--sjs-line-height-x1: calc(#{$line-height-unit} * 1);
--sjs-line-height-x150: calc(#{$line-height-unit} * 1.5);
--sjs-line-height-x2: calc(#{$line-height-unit} * 2);
--sjs-line-height-x3: calc(#{$line-height-unit} * 3);
--sjs-line-height-x4: calc(#{$line-height-unit} * 4);
--sjs-line-height-x5: calc(#{$line-height-unit} * 5);
--sjs-line-height-x6: calc(#{$line-height-unit} * 6);
--sjs-line-height-x7: calc(#{$line-height-unit} * 7);
--sjs-line-height-x8: calc(#{$line-height-unit} * 8);
}


@mixin ctrLargeFont {
font-family: $font-family;
Expand Down
102 changes: 0 additions & 102 deletions packages/survey-creator-core/src/ctr-sizes.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,105 +3,3 @@ $spacing-unit: var(--ctr-spacing-unit, 8px);
$corner-radius-unit: var(--ctr-corner-radius-unit, 8px);
$stroke-unit: var(--ctr-stroke-unit, 1px);

.svc-creator {
--sjs-spacing-x2: calc(#{$spacing-unit} * 2);
--sjs-spacing-x3: calc(#{$spacing-unit} * 3);
--sjs-spacing-x1: calc(#{$spacing-unit} * 1);
--sjs-spacing-x05: calc(#{$spacing-unit} * 0.5);
--sjs-spacing-x025: calc(#{$spacing-unit} * 0.25);
--sjs-spacing-x0125: calc(#{$spacing-unit} * 0.125);
--sjs-spacing-x150: calc(#{$spacing-unit} * 1.5);
--sjs-spacing-x250: calc(#{$spacing-unit} * 2.5);
--sjs-spacing-x4: calc(#{$spacing-unit} * 4);
--sjs-spacing-x350: calc(#{$spacing-unit} * 3.5);
--sjs-spacing-x5: calc(#{$spacing-unit} * 5);
--sjs-spacing-x6: calc(#{$spacing-unit} * 6);
--sjs-spacing-x7: calc(#{$spacing-unit} * 7);
--sjs-spacing-x8: calc(#{$spacing-unit} * 8);
--sjs-spacing-x9: calc(#{$spacing-unit} * 9);
--sjs-spacing-x10: calc(#{$spacing-unit} * 10);
--sjs-spacing-x11: calc(#{$spacing-unit} * 11);
--sjs-spacing-x12: calc(#{$spacing-unit} * 12);
--sjs-spacing-x13: calc(#{$spacing-unit} * 13);
--sjs-spacing-x14: calc(#{$spacing-unit} * 14);
--sjs-spacing-x15: calc(#{$spacing-unit} * 15);
--sjs-spacing-x16: calc(#{$spacing-unit} * 16);
--sjs-spacing-x075: calc(#{$spacing-unit} * 0.75);
--sjs-spacing-x125: calc(#{$spacing-unit} * 1.25);
--sjs-spacing-x1050: calc(#{$spacing-unit} * 10.5);
--sjs-spacing-x0375: calc(#{$spacing-unit} * 0.375);
--sjs-spacing-x850: calc(#{$spacing-unit} * 8.5);
--sjs-spacing-x025n: calc(#{$spacing-unit} * -0.25);
--sjs-spacing-x3n: calc(#{$spacing-unit} * -3);
--sjs-spacing-x4n: calc(#{$spacing-unit} * -4);
--sjs-spacing-x05n: calc(#{$spacing-unit} * -0.5);
--sjs-spacing-x1n: calc(#{$spacing-unit} * -1);
--sjs-spacing-x150n: calc(#{$spacing-unit} * -1.5);
--sjs-spacing-x2n: calc(#{$spacing-unit} * -2);
--sjs-spacing-x5n: calc(#{$spacing-unit} * -5);
--sjs-spacing-x6n: calc(#{$spacing-unit} * -6);
--sjs-spacing-x7n: calc(#{$spacing-unit} * -7);
--sjs-spacing-x8n: calc(#{$spacing-unit} * -8);
--sjs-corner-radius-x0125: calc(#{$corner-radius-unit} * 0.125);
--sjs-corner-radius-x025: calc(#{$corner-radius-unit} * 0.25);
--sjs-corner-radius-x05: calc(#{$corner-radius-unit} * 0.5);
--sjs-corner-radius-x075: calc(#{$corner-radius-unit} * 0.75);
--sjs-corner-radius-x1: calc(#{$corner-radius-unit} * 1);
--sjs-corner-radius-x125: calc(#{$corner-radius-unit} * 1.25);
--sjs-corner-radius-x150: calc(#{$corner-radius-unit} * 1.5);
--sjs-corner-radius-x2: calc(#{$corner-radius-unit} * 2);
--sjs-corner-radius-x250: calc(#{$corner-radius-unit} * 2.5);
--sjs-corner-radius-x3: calc(#{$corner-radius-unit} * 3);
--sjs-corner-radius-x350: calc(#{$corner-radius-unit} * 3.5);
--sjs-corner-radius-x4: calc(#{$corner-radius-unit} * 4);
--sjs-corner-radius-x5: calc(#{$corner-radius-unit} * 5);
--sjs-corner-radius-x6: calc(#{$corner-radius-unit} * 6);
--sjs-corner-radius-x7: calc(#{$corner-radius-unit} * 7);
--sjs-corner-radius-x8: calc(#{$corner-radius-unit} * 8);
--sjs-corner-radius-round: calc(#{$corner-radius-unit} * 128);
--sjs-corner-radius-x0375: calc(#{$corner-radius-unit} * 0.375);
--sjs-stroke-x1: calc(#{$stroke-unit} * 1);
--sjs-stroke-x2: calc(#{$stroke-unit} * 2);
--sjs-stroke-x3: calc(#{$stroke-unit} * 3);
--sjs-stroke-x4: calc(#{$stroke-unit} * 4);
--sjs-stroke-x6: calc(#{$stroke-unit} * 6);
--sjs-stroke-x8: calc(#{$stroke-unit} * 8);
--sjs-size-x0125: calc(#{$size-unit} * 0.125);
--sjs-size-x025: calc(#{$size-unit} * 0.25);
--sjs-size-x05: calc(#{$size-unit} * 0.5);
--sjs-size-x075: calc(#{$size-unit} * 0.75);
--sjs-size-x1: calc(#{$size-unit} * 1);
--sjs-size-x125: calc(#{$size-unit} * 1.25);
--sjs-size-x150: calc(#{$size-unit} * 1.5);
--sjs-size-x2: calc(#{$size-unit} * 2);
--sjs-size-x250: calc(#{$size-unit} * 2.5);
--sjs-size-x3: calc(#{$size-unit} * 3);
--sjs-size-x350: calc(#{$size-unit} * 3.5);
--sjs-size-x4: calc(#{$size-unit} * 4);
--sjs-size-x5: calc(#{$size-unit} * 5);
--sjs-size-x6: calc(#{$size-unit} * 6);
--sjs-size-x7: calc(#{$size-unit} * 7);
--sjs-size-x8: calc(#{$size-unit} * 8);
--sjs-size-x9: calc(#{$size-unit} * 9);
--sjs-size-x10: calc(#{$size-unit} * 10);
--sjs-size-x11: calc(#{$size-unit} * 11);
--sjs-size-x12: calc(#{$size-unit} * 12);
--sjs-size-x13: calc(#{$size-unit} * 13);
--sjs-size-x14: calc(#{$size-unit} * 14);
--sjs-size-x15: calc(#{$size-unit} * 15);
--sjs-size-x16: calc(#{$size-unit} * 16);
--sjs-size-x550: calc(#{$size-unit} * 5.5);
--sjs-size-max: 10000px;
--sjs-size-x17: calc(#{$size-unit} * 17);
--sjs-size-x18: calc(#{$size-unit} * 18);
--sjs-size-x64: calc(#{$size-unit} * 64);
--sjs-size-x90: calc(#{$size-unit} * 90);
--sjs-size-x80: calc(#{$size-unit} * 80);
--sjs-size-x40: calc(#{$size-unit} * 40);
--sjs-size-x32: calc(#{$size-unit} * 32);
--sjs-size-x20: calc(#{$size-unit} * 20);
--sjs-size-x86: calc(#{$size-unit} * 86);
--sjs-size-x60: calc(#{$size-unit} * 60);
--sjs-size-x28: calc(#{$size-unit} * 28);
--sjs-size-x50: calc(#{$size-unit} * 50);
}
Loading
Loading