Skip to content

Commit

Permalink
Merge branch 'master' into tsv2013/issue6156
Browse files Browse the repository at this point in the history
  • Loading branch information
tsv2013 committed Nov 30, 2024
2 parents feb2172 + 76be17d commit b0dfef7
Show file tree
Hide file tree
Showing 214 changed files with 924 additions and 517 deletions.
8 changes: 4 additions & 4 deletions functionalTests/designer/responsiveness.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -244,14 +244,14 @@ test("test tab for mobile devices", async (t) => {
.expect(creatorFooterToolbarActions.nth(0).id).eql("svd-designer")
.expect(creatorFooterToolbarActions.nth(1).id).eql("svd-preview")
.expect(creatorFooterToolbarActions.nth(2).id).eql("prevPage")
.expect(creatorFooterToolbarActions.find(".sv-action-bar-item").nth(2).hasAttribute("disabled")).eql(true)
.expect(creatorFooterToolbarActions.find(".svc-preview-pager__item").nth(0).hasAttribute("disabled")).eql(true)
.expect(creatorFooterToolbarActions.nth(3).id).eql("nextPage")
.expect(creatorFooterToolbarActions.find(".sv-action-bar-item").nth(3).hasAttribute("disabled")).eql(false)
.expect(creatorFooterToolbarActions.find(".svc-preview-pager__item").nth(1).hasAttribute("disabled")).eql(false)
.expect(creatorFooterToolbarActions.nth(4).id).eql("showInvisible")

.click(creatorFooterToolbarActions.nth(3))
.expect(creatorFooterToolbarActions.find(".sv-action-bar-item").nth(2).hasAttribute("disabled")).eql(false)
.expect(creatorFooterToolbarActions.find(".sv-action-bar-item").nth(3).hasAttribute("disabled")).eql(true)
.expect(creatorFooterToolbarActions.find(".svc-preview-pager__item").nth(0).hasAttribute("disabled")).eql(false)
.expect(creatorFooterToolbarActions.find(".svc-preview-pager__item").nth(1).hasAttribute("disabled")).eql(true)

.resizeWindow(1920, 900)
.expect(testTabToolbar.exists).ok()
Expand Down
26 changes: 26 additions & 0 deletions functionalTests/designer/surface.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -417,4 +417,30 @@ test("Popup position", async (t) => {
await t.click('[data-name="locale"]');
await t.expect(ClientFunction(() => { return document.querySelector('[data-name="locale"] .sv-popup__container')?.getBoundingClientRect().top; })()).gte(200);
await setCreatorTop("");
});

test("Diabled Input issue", async (t) => {
//https://github.com/surveyjs/survey-creator/issues/6138
const qName = "question1";
const json = {
"pages": [
{
"name": "page1",
"elements": [
{
"type": "text",
"name": qName
}
]
}
]
};
await setJSON(json);

const questionContentClass = "svc-question__content";
const QuestionContent = Selector(`[data-sv-drop-target-survey-element=${qName}]`).find(`.${questionContentClass}`);
const QuestionInput = QuestionContent.find("input.sd-input:disabled");

await t.click(QuestionInput);
await t.expect(QuestionContent.hasClass(questionContentClass + "--selected")).ok();
});
4 changes: 2 additions & 2 deletions functionalTests/preview/toolbar.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ test("Page switcher", async (t) => {
.expect(Selector("#prevPage button").hasAttribute("disabled")).eql(false)
.expect(Selector("#nextPage button").hasAttribute("disabled")).eql(true)

.click(getBarItemByTitle("Page 3"))
.click(Selector(".svc-preview-pager__item[title='Page 3']"))
.expect(getListItemByText("Second page").visible).ok()
.expect(getListItemByText("First page").hasClass("sv-list__item--selected")).notOk()
.expect(getListItemByText("Second page").hasClass("sv-list__item--selected")).notOk()
Expand All @@ -113,7 +113,7 @@ test("Page switcher", async (t) => {
.expect(Selector("#pageSelector").textContent).contains("Second page")
.expect(Selector("#prevPage button").hasAttribute("disabled")).eql(false)
.expect(Selector("#nextPage button").hasAttribute("disabled")).eql(false)
.click(getBarItemByTitle("Second page"))
.click(Selector(".svc-preview-pager__item[title='Second page']"))
.expect(getListItemByText("First page").hasClass("sv-list__item--selected")).notOk()
.expect(getListItemByText("Second page").hasClass("sv-list__item--selected")).ok()
.expect(getListItemByText("Page 3").hasClass("sv-list__item--selected")).notOk()
Expand Down
4 changes: 2 additions & 2 deletions packages/survey-creator-angular/src/adorners/item-value.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,11 @@
[attr.title]="adorner.dragTooltip" sv-ng-svg-icon></svg>
</span>
<span *ngIf="adorner.allowAdd" class="svc-item-value-controls__button svc-item-value-controls__add" [key2click]
(click)="adorner.add(adorner)" [attr.aria-label]="undefined"><svg [iconName]="'icon-add_16x16'" [size]="16"
(click)="adorner.add(adorner)" [attr.aria-label]="undefined"><svg [iconName]="'icon-add_16x16'" [size]="'auto'"
[attr.title]="undefined" sv-ng-svg-icon></svg></span>
<span *ngIf="adorner.allowRemove" class="svc-item-value-controls__button svc-item-value-controls__remove"
[key2click] (click)="adorner.remove(adorner)" (blur)="onBlur($event)" [attr.aria-label]="undefined"><svg
[iconName]="'icon-remove_16x16'" [size]="16" [attr.title]="undefined" sv-ng-svg-icon></svg></span>
[iconName]="'icon-remove_16x16'" [size]="'auto'" [attr.title]="undefined" sv-ng-svg-icon></svg></span>
</div>

<div class="svc-item-value__item" (click)="adorner.select(adorner, $event)">
Expand Down
4 changes: 2 additions & 2 deletions packages/survey-creator-angular/src/adorners/question-rating.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<ng-template #template>
<div class="svc-rating-question-content">
<div [class]="adorner.controlsClassNames">
<svg *ngIf="adorner.allowRemove" [iconName]="'icon-remove_16x16'" [size]="16" [key2click] (click)="adorner.removeItem(adorner)"
<svg *ngIf="adorner.allowRemove" [iconName]="'icon-remove_16x16'" [size]="'auto'" [key2click] (click)="adorner.removeItem(adorner)"
[class]="adorner.removeClassNames" [attr.title]="adorner.removeTooltip" [attr.aria-label]="adorner.removeTooltip" sv-ng-svg-icon></svg>
<svg *ngIf="adorner.allowAdd" [iconName]="'icon-add_16x16'" [size]="16" [key2click] (click)="adorner.addItem(adorner)"
<svg *ngIf="adorner.allowAdd" [iconName]="'icon-add_16x16'" [size]="'auto'" [key2click] (click)="adorner.addItem(adorner)"
[class]="adorner.addClassNames" [attr.title]="adorner.addTooltip" [attr.aria-label]="adorner.addTooltip"sv-ng-svg-icon></svg>
</div>
<ng-container *ngTemplateOutlet="contentTempl"></ng-container>
Expand Down
2 changes: 1 addition & 1 deletion packages/survey-creator-angular/src/tabs/logic/logic-add-btn.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<ng-template #template>
<div role="button" class="svc-logic-tab__content-action svc-btn"
(click)="onClick($event)" [key2click] [class.svc-logic-tab__content-action--disabled]="model.enabled !== undefined && !model.enabled">
<span class="svc-add-new-item-button__text">
<span class="svc-btn__text">
{{model.title}}
</span>
</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/survey-creator-angular/src/tabs/preview/test-again.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<ng-template #template>
<div role="button" class="svc-preview__test-again svc-btn" (click)="action.action()" [key2click]>
<span class="svc-preview-test-again__text">
<span class="svc-btn__text">
{{action.title}}
</span>
</div>
Expand Down
3 changes: 2 additions & 1 deletion packages/survey-creator-core/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,7 @@
"jest-canvas-mock": "^2.3.1",
"jest-environment-jsdom": "^29.7.0",
"jest-junit": "^16.0.0",
"nwsapi": "2.2.13",
"merge-files": "^0.1.2",
"mini-css-extract-plugin": "^2.9.0",
"postcss": "8.4.31",
Expand Down Expand Up @@ -92,4 +93,4 @@
"tag": true
}
}
}
}
251 changes: 251 additions & 0 deletions packages/survey-creator-core/src/components/creator.scss
View file
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
Loading

0 comments on commit b0dfef7

Please sign in to comment.