Skip to content

Commit c3a723d

Browse files
#2328 Add TailwindStyles and TailwindStyleBuilder components (#2329)
* #2328 Add TailwindStyles and TailwindStyleBuilder components * #2328 remove tailwind script from AuthLayout
1 parent c374fcd commit c3a723d

40 files changed

+222
-649
lines changed

src/.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -407,3 +407,4 @@ FodyWeavers.xsd
407407
FluentCMS/files
408408
FluentCMS/LiteDb-log.db
409409
FluentCMS/LiteDb.db
410+
FluentCMS/wwwroot/tailwind

src/FluentCMS/Templates/Blank/AdminLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -20,32 +20,4 @@
2020
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
2121

2222
<script src="/files/js/app.head.js"></script>
23-
<script src="/files/js/tailwind.cdn.js"></script>
24-
<script>
25-
tailwind.config = {
26-
darkMode: 'class',
27-
theme: {
28-
extend: {
29-
colors: {
30-
primary: {
31-
50: '#f4f8fd',
32-
100: '#e8f1fb',
33-
200: '#c6ddf4',
34-
300: '#a3c8ed',
35-
400: '#5e9fe0',
36-
500: '#1976d2',
37-
600: '#176abd',
38-
700: '#13599e',
39-
800: '#0f477e',
40-
900: '#0c3a67',
41-
on: '#f4f8fd',
42-
dark: {
43-
DEFAULT: '#a3c8ed',
44-
on: '#0f477e',
45-
}
46-
},
47-
},
48-
},
49-
}
50-
}
51-
</script>
23+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Blank/AuthLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -14,32 +14,4 @@
1414
<link rel="icon" type="image/png" sizes="192x192" href="/files/images/android-chrome-192x192.png">
1515
<link rel="icon" type="image/png" sizes="16x16" href="/files/images/favicon-16x16.png">
1616
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
17-
<script src="/files/js/tailwind.cdn.js"></script>
18-
<script>
19-
tailwind.config = {
20-
darkMode: 'class',
21-
theme: {
22-
extend: {
23-
colors: {
24-
primary: {
25-
50: '#f4f8fd',
26-
100: '#e8f1fb',
27-
200: '#c6ddf4',
28-
300: '#a3c8ed',
29-
400: '#5e9fe0',
30-
500: '#1976d2',
31-
600: '#176abd',
32-
700: '#13599e',
33-
800: '#0f477e',
34-
900: '#0c3a67',
35-
on: '#f4f8fd',
36-
dark: {
37-
DEFAULT: '#a3c8ed',
38-
on: '#0f477e',
39-
}
40-
},
41-
},
42-
},
43-
}
44-
}
45-
</script>
17+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Blank/DefaultLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -20,32 +20,4 @@
2020
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
2121

2222
<script src="/files/js/app.head.js"></script>
23-
<script src="/files/js/tailwind.cdn.js"></script>
24-
<script>
25-
tailwind.config = {
26-
darkMode: 'class',
27-
theme: {
28-
extend: {
29-
colors: {
30-
primary: {
31-
50: '#f4f8fd',
32-
100: '#e8f1fb',
33-
200: '#c6ddf4',
34-
300: '#a3c8ed',
35-
400: '#5e9fe0',
36-
500: '#1976d2',
37-
600: '#176abd',
38-
700: '#13599e',
39-
800: '#0f477e',
40-
900: '#0c3a67',
41-
on: '#f4f8fd',
42-
dark: {
43-
DEFAULT: '#a3c8ed',
44-
on: '#0f477e',
45-
}
46-
},
47-
},
48-
},
49-
}
50-
}
51-
</script>
23+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Blank/EditLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -20,32 +20,4 @@
2020
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
2121

2222
<script src="/files/js/app.head.js"></script>
23-
<script src="/files/js/tailwind.cdn.js"></script>
24-
<script>
25-
tailwind.config = {
26-
darkMode: 'class',
27-
theme: {
28-
extend: {
29-
colors: {
30-
primary: {
31-
50: '#f4f8fd',
32-
100: '#e8f1fb',
33-
200: '#c6ddf4',
34-
300: '#a3c8ed',
35-
400: '#5e9fe0',
36-
500: '#1976d2',
37-
600: '#176abd',
38-
700: '#13599e',
39-
800: '#0f477e',
40-
900: '#0c3a67',
41-
on: '#f4f8fd',
42-
dark: {
43-
DEFAULT: '#a3c8ed',
44-
on: '#0f477e',
45-
}
46-
},
47-
},
48-
},
49-
}
50-
}
51-
</script>
23+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Blank/SingleLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -20,32 +20,4 @@
2020
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
2121

2222
<script src="/files/js/app.head.js"></script>
23-
<script src="/files/js/tailwind.cdn.js"></script>
24-
<script>
25-
tailwind.config = {
26-
darkMode: 'class',
27-
theme: {
28-
extend: {
29-
colors: {
30-
primary: {
31-
50: '#f4f8fd',
32-
100: '#e8f1fb',
33-
200: '#c6ddf4',
34-
300: '#a3c8ed',
35-
400: '#5e9fe0',
36-
500: '#1976d2',
37-
600: '#176abd',
38-
700: '#13599e',
39-
800: '#0f477e',
40-
900: '#0c3a67',
41-
on: '#f4f8fd',
42-
dark: {
43-
DEFAULT: '#a3c8ed',
44-
on: '#0f477e',
45-
}
46-
},
47-
},
48-
},
49-
}
50-
}
51-
</script>
23+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Default/AdminLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -20,32 +20,4 @@
2020
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
2121

2222
<script src="/files/js/app.head.js"></script>
23-
<script src="/files/js/tailwind.cdn.js"></script>
24-
<script>
25-
tailwind.config = {
26-
darkMode: 'class',
27-
theme: {
28-
extend: {
29-
colors: {
30-
primary: {
31-
50: '#f4f8fd',
32-
100: '#e8f1fb',
33-
200: '#c6ddf4',
34-
300: '#a3c8ed',
35-
400: '#5e9fe0',
36-
500: '#1976d2',
37-
600: '#176abd',
38-
700: '#13599e',
39-
800: '#0f477e',
40-
900: '#0c3a67',
41-
on: '#f4f8fd',
42-
dark: {
43-
DEFAULT: '#a3c8ed',
44-
on: '#0f477e',
45-
}
46-
},
47-
},
48-
},
49-
}
50-
}
51-
</script>
23+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Default/AuthLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -14,32 +14,4 @@
1414
<link rel="icon" type="image/png" sizes="192x192" href="/files/images/android-chrome-192x192.png">
1515
<link rel="icon" type="image/png" sizes="16x16" href="/files/images/favicon-16x16.png">
1616
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
17-
<script src="/files/js/tailwind.cdn.js"></script>
18-
<script>
19-
tailwind.config = {
20-
darkMode: 'class',
21-
theme: {
22-
extend: {
23-
colors: {
24-
primary: {
25-
50: '#f4f8fd',
26-
100: '#e8f1fb',
27-
200: '#c6ddf4',
28-
300: '#a3c8ed',
29-
400: '#5e9fe0',
30-
500: '#1976d2',
31-
600: '#176abd',
32-
700: '#13599e',
33-
800: '#0f477e',
34-
900: '#0c3a67',
35-
on: '#f4f8fd',
36-
dark: {
37-
DEFAULT: '#a3c8ed',
38-
on: '#0f477e',
39-
}
40-
},
41-
},
42-
},
43-
}
44-
}
45-
</script>
17+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Default/DefaultLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -20,32 +20,4 @@
2020
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
2121

2222
<script src="/files/js/app.head.js"></script>
23-
<script src="/files/js/tailwind.cdn.js"></script>
24-
<script>
25-
tailwind.config = {
26-
darkMode: 'class',
27-
theme: {
28-
extend: {
29-
colors: {
30-
primary: {
31-
50: '#f4f8fd',
32-
100: '#e8f1fb',
33-
200: '#c6ddf4',
34-
300: '#a3c8ed',
35-
400: '#5e9fe0',
36-
500: '#1976d2',
37-
600: '#176abd',
38-
700: '#13599e',
39-
800: '#0f477e',
40-
900: '#0c3a67',
41-
on: '#f4f8fd',
42-
dark: {
43-
DEFAULT: '#a3c8ed',
44-
on: '#0f477e',
45-
}
46-
},
47-
},
48-
},
49-
}
50-
}
51-
</script>
23+
<TailwindStyles fluentcms />

src/FluentCMS/Templates/Default/EditLayout.head.html

Lines changed: 1 addition & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -20,32 +20,4 @@
2020
<link rel="mask-icon" href="/files/images/safari-pinned-tab.svg" color="#2d3250">
2121

2222
<script src="/files/js/app.head.js"></script>
23-
<script src="/files/js/tailwind.cdn.js"></script>
24-
<script>
25-
tailwind.config = {
26-
darkMode: 'class',
27-
theme: {
28-
extend: {
29-
colors: {
30-
primary: {
31-
50: '#f4f8fd',
32-
100: '#e8f1fb',
33-
200: '#c6ddf4',
34-
300: '#a3c8ed',
35-
400: '#5e9fe0',
36-
500: '#1976d2',
37-
600: '#176abd',
38-
700: '#13599e',
39-
800: '#0f477e',
40-
900: '#0c3a67',
41-
on: '#f4f8fd',
42-
dark: {
43-
DEFAULT: '#a3c8ed',
44-
on: '#0f477e',
45-
}
46-
},
47-
},
48-
},
49-
}
50-
}
51-
</script>
23+
<TailwindStyles fluentcms />

0 commit comments

Comments
 (0)