Skip to content

Commit af83d82

Browse files
nosovknosovk
committed
format files
1 parent efa9248 commit af83d82

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+12929
-13716
lines changed

‎.eslintrc.cjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ module.exports = {
66
ignorePatterns: ["*.cjs"],
77
overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
88
settings: {
9-
'svelte3/compiler-options': {customElement: true},
9+
"svelte3/compiler-options": { customElement: true },
1010
"svelte3/typescript": () => require("typescript"),
1111
},
1212
parserOptions: {

‎assets/app.ts

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
// we need to import all assets to provide manifest for symfony asset tag
2-
import.meta.glob([
3-
'./images/**'
4-
]);
2+
import.meta.glob(["./images/**"]);
53

64
console.log("Init js from vite");

‎assets/components/asset-component.svelte

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,14 @@
11
<svelte:options tag="asset-component" />
22

33
<script lang="ts">
4-
import svg from "../images/vector/github.svg"
5-
import children1 from "../images/children/1.jpg"
4+
import svg from "../images/vector/github.svg";
5+
import children1 from "../images/children/1.jpg";
66
</script>
77

88
<div>
9-
<img src={svg} alt="svg icon test"/>
10-
<img src={children1} alt="jpg icon test" />
9+
<img src={svg} alt="svg icon test" />
10+
<img src={children1} alt="jpg icon test" />
1111
</div>
1212

1313
<style lang="scss">
14-
1514
</style>

‎assets/components/modal-component.svelte

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
<svelte:options tag="modal-component" />
22

33
<script lang="ts">
4-
let dialog;
4+
let dialog;
55
</script>
6+
67
<button on:click={dialog.showModal()}>open</button>
78
<dialog bind:this={dialog}>
8-
<slot />
9-
<button on:click={dialog.close()}>close</button>
9+
<slot />
10+
<button on:click={dialog.close()}>close</button>
1011
</dialog>
1112

1213
<style lang="scss">
13-
1414
</style>

‎assets/components/test-component.svelte

+11-7
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,21 @@
11
<svelte:options tag="test-component" />
22

33
<script lang="ts">
4-
export let customprop1 = null;
5-
export let customprop2 = null;
4+
export let customprop1 = null;
5+
export let customprop2 = null;
66
</script>
77

88
<div>
9-
<h1>Hi from web component</h1>
10-
<p>customprop1: {customprop1}</p>
11-
<p>customprop2: {customprop2}</p>
9+
<h1>Hi from web component</h1>
10+
<p>customprop1: {customprop1}</p>
11+
<p>customprop2: {customprop2}</p>
1212
</div>
1313

1414
<style lang="scss">
15-
p {color: chocolate}
16-
h1 {color: cornflowerblue}
15+
p {
16+
color: chocolate;
17+
}
18+
h1 {
19+
color: cornflowerblue;
20+
}
1721
</style>

‎assets/entrypoints/web-components.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import "../components/test-component.svelte"
2-
import "../components/asset-component.svelte"
3-
import "../components/modal-component.svelte"
1+
import "../components/test-component.svelte";
2+
import "../components/asset-component.svelte";
3+
import "../components/modal-component.svelte";
44

55
// we can make separate entry point for each web component, or combine them in an entry point
66
console.log("web components imported");

‎assets/scss/desktop.scss

+6-7
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
@media (min-width: 700px) {
2-
p {
3-
color: chocolate;
4-
}
5-
.hide {
6-
display: none;
7-
}
2+
p {
3+
color: chocolate;
4+
}
5+
.hide {
6+
display: none;
7+
}
88
}
9-

‎assets/scss/mobile.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
body {
2-
background-color: #242121;
3-
p {
4-
color: cyan;
5-
}
2+
background-color: #242121;
3+
p {
4+
color: cyan;
5+
}
66
}

‎assets/scss/print.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@media print {
2-
h1 {
3-
color: black;
4-
background-color: white;
5-
}
2+
h1 {
3+
color: black;
4+
background-color: white;
5+
}
66
}

‎assets/variables.scss

+43-43
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@use 'sass:math';
2-
@import './scss/colors.scss';
1+
@use "sass:math";
2+
@import "./scss/colors.scss";
33

44
// font-weight
55
$font-w-regular: 400;
@@ -9,114 +9,114 @@ $font-w-bold: 700;
99

1010
// typography
1111
%display-2xl {
12-
font-size: 4.5rem;
13-
line-height: 5.625rem;
14-
letter-spacing: -0.02em;
12+
font-size: 4.5rem;
13+
line-height: 5.625rem;
14+
letter-spacing: -0.02em;
1515
}
1616

1717
%display-xl {
18-
font-size: 3.75rem;
19-
line-height: 4.5rem;
20-
letter-spacing: -0.02em;
18+
font-size: 3.75rem;
19+
line-height: 4.5rem;
20+
letter-spacing: -0.02em;
2121
}
2222

2323
%display-lg {
24-
font-size: 3rem;
25-
line-height: 3.75rem;
26-
letter-spacing: -0.02em;
24+
font-size: 3rem;
25+
line-height: 3.75rem;
26+
letter-spacing: -0.02em;
2727
}
2828

2929
%display-md {
30-
font-size: 2.25rem;
31-
line-height: 2.75rem;
32-
letter-spacing: -0.02em;
30+
font-size: 2.25rem;
31+
line-height: 2.75rem;
32+
letter-spacing: -0.02em;
3333
}
3434

3535
%display-sm {
36-
font-size: 1.875rem;
37-
line-height: 2.375rem;
36+
font-size: 1.875rem;
37+
line-height: 2.375rem;
3838
}
3939

4040
%display-xs {
41-
font-size: 1.5rem;
42-
line-height: 2rem;
41+
font-size: 1.5rem;
42+
line-height: 2rem;
4343
}
4444

4545
%text-xl {
46-
font-size: 1.25rem;
47-
line-height: 1.875rem;
46+
font-size: 1.25rem;
47+
line-height: 1.875rem;
4848
}
4949

5050
%text-lg {
51-
font-size: 1.125rem;
52-
line-height: 1.75rem;
51+
font-size: 1.125rem;
52+
line-height: 1.75rem;
5353
}
5454

5555
%text-md {
56-
font-size: 1rem;
57-
line-height: 1.5rem;
56+
font-size: 1rem;
57+
line-height: 1.5rem;
5858
}
5959

6060
%text-sm {
61-
font-size: 0.875rem;
62-
line-height: 1.25rem;
61+
font-size: 0.875rem;
62+
line-height: 1.25rem;
6363
}
6464

6565
%text-xs {
66-
font-size: 0.75rem;
67-
line-height: 1.125rem;
66+
font-size: 0.75rem;
67+
line-height: 1.125rem;
6868
}
6969

7070
// functions
7171
@function rem($px) {
72-
@return math.div($px * 1px, 16px) * 1rem;
72+
@return math.div($px * 1px, 16px) * 1rem;
7373
}
7474

7575
// mixins
7676
@mixin onWideScreens {
77-
@media (min-width: 1440px) {
78-
@content;
79-
}
77+
@media (min-width: 1440px) {
78+
@content;
79+
}
8080
}
8181

8282
@mixin focus-ring($size, $color) {
83-
box-shadow: 0px 0px 0px ($size * 1px) $color;
83+
box-shadow: 0px 0px 0px ($size * 1px) $color;
8484
}
8585

8686
@mixin set-shadow-xs($size, $color) {
87-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px ($size * 1px) $color;
87+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px ($size * 1px) $color;
8888
}
8989

9090
@mixin set-shadow-sm($size, $color) {
91-
box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06),
92-
0px 0px 0px ($size * 1px) $color;
91+
box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06),
92+
0px 0px 0px ($size * 1px) $color;
9393
}
9494

9595
// shadows
9696
%shadow-xs {
97-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
97+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
9898
}
9999

100100
%shadow-sm {
101-
box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
101+
box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
102102
}
103103

104104
%shadow-md {
105-
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
105+
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
106106
}
107107

108108
%shadow-lg {
109-
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
109+
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
110110
}
111111

112112
%shadow-xl {
113-
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
113+
box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
114114
}
115115

116116
%shadow-2xl {
117-
box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
117+
box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
118118
}
119119

120120
%shadow-3xl {
121-
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
121+
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
122122
}

0 commit comments

Comments
 (0)