Skip to content

Commit 0206923

Browse files
TomKovacTomKovac
authored
Merge pull request #490 from Inxton/package-update
Package update
2 parents 6a6a823 + e45aebf commit 0206923

3 files changed

Lines changed: 13 additions & 296 deletions

File tree

‎Directory.Packages.props‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515

1616
<!-- Framework-Agnostic Packages -->
1717
<ItemGroup>
18-
<PackageVersion Include="Inxton.Operon" Version="0.3.0-alpha.102" />
18+
<PackageVersion Include="Inxton.Operon" Version="0.3.0-alpha.104" />
1919
<PackageVersion Include="Cake.DocFx" Version="1.0.0" />
2020
<PackageVersion Include="Octokit" Version="13.0.1" />
2121
<PackageVersion Include="Octokit.Extensions" Version="1.0.7" />

‎src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/tailwind.css‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,7 @@
1-
@import "tailwindcss";
1+
@layer theme, base, components, utilities;
2+
3+
@import "tailwindcss/theme.css" layer(theme);
4+
@import "tailwindcss/utilities.css" layer(utilities);
5+
6+
@source "./";
7+
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));

‎src/AXSharp.blazor/tests/sandbox/IxBlazor.App/wwwroot/css/tailwind.css‎

Lines changed: 5 additions & 294 deletions
Original file line numberDiff line numberDiff line change
@@ -1,296 +1,7 @@
1-
@import "tailwindcss";
2-
@source "./";
3-
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
4-
5-
@layer theme {
6-
:root, :host {
7-
--font-sans: "Familjen Grotesk", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8-
}
9-
}
10-
11-
@layer base {
12-
h1 {
13-
@apply text-5xl text-text font-bold text-wrap wrap-break-word;
14-
}
15-
16-
h2 {
17-
@apply text-4xl text-text font-bold text-wrap wrap-break-word;
18-
}
19-
20-
h3 {
21-
@apply text-3xl text-text font-bold text-wrap wrap-break-word;
22-
}
23-
24-
h4 {
25-
@apply text-2xl text-text font-bold text-wrap wrap-break-word;
26-
}
27-
28-
h5 {
29-
@apply text-xl text-text font-normal text-wrap wrap-break-word;
30-
}
31-
32-
h6 {
33-
@apply text-lg text-text font-normal text-wrap wrap-break-word;
34-
}
35-
36-
p {
37-
@apply text-base text-text-light font-normal text-wrap wrap-break-word;
38-
}
1+
@layer theme, base, components, utilities;
392

40-
a {
41-
@apply text-base font-normal text-wrap wrap-break-word cursor-pointer underline;
42-
@apply text-link hover:text-link-hover;
43-
}
3+
@import "tailwindcss/theme.css" layer(theme);
4+
@import "tailwindcss/utilities.css" layer(utilities);
445

45-
hr {
46-
@apply text-text-light opacity-30;
47-
}
48-
49-
span {
50-
@apply text-base text-text font-normal text-wrap wrap-break-word;
51-
}
52-
53-
div {
54-
@apply text-base text-text font-normal text-wrap wrap-break-word;
55-
}
56-
57-
/* input theme */
58-
input[type="date"],
59-
input[type="time"],
60-
input[type="datetime-local"] {
61-
color-scheme: light;
62-
}
63-
64-
[data-theme="dark"] input[type="date"],
65-
[data-theme="dark"] input[type="time"],
66-
[data-theme="dark"] input[type="datetime-local"] {
67-
color-scheme: dark;
68-
}
69-
}
70-
71-
@theme {
72-
--text-3xl--line-height: calc(2 / 1.5);
73-
--text-4xl--line-height: calc(2 / 1.5);
74-
--text-5xl--line-height: calc(2 / 1.5);
75-
--text-6xl--line-height: calc(2 / 1.5);
76-
--text-7xl--line-height: calc(2 / 1.5);
77-
--text-8xl--line-height: calc(2 / 1.5);
78-
--text-9xl--line-height: calc(2 / 1.5);
79-
/* radius */
80-
--radius-full: calc(infinity * 1px); /* 0.25rem; */
81-
--radius-small: 1rem;
82-
--radius-extra-small: var(--radius-md);
83-
--radius-nav: var(--radius-small);
84-
--radius-button: var(--radius-full);
85-
--radius-input: var(--radius-full);
86-
--radius-textarea: var(--radius-small);
87-
--radius-checkbox: var(--radius-extra-small);
88-
--radius-toggle: var(--radius-full);
89-
--radius-radio: var(--radius-full);
90-
--radius-select: var(--radius-small);
91-
--radius-file: var(--radius-small);
92-
--radius-color: var(--radius-small);
93-
--radius-picker: var(--radius-small);
94-
--radius-card: var(--radius-small);
95-
--radius-simple-border: var(--radius-small);
96-
--radius-alert: var(--radius-small);
97-
--radius-list-group: var(--radius-small);
98-
--radius-tab: var(--radius-small);
99-
--radius-dropdown: var(--radius-small);
100-
--radius-modal: var(--radius-small);
101-
--radius-tooltip: var(--radius-extra-small);
102-
--radius-accordion: var(--radius-small);
103-
--radius-toast: var(--radius-small);
104-
--radius-table: var(--radius-full);
105-
--radius-pagination-number: var(--radius-full);
106-
/* #region Colors */
107-
--color-black: #0B0C0C;
108-
--color-gray-1: #F3F2F1;
109-
--color-gray-2: #DEE0E2;
110-
--color-gray-3: #949494;
111-
--color-white: #FFFFFF;
112-
--color-background: #FEFEFE;
113-
--color-background-light: #FFFFFF;
114-
--color-background-dark: #F0F8FF;
115-
--color-background-modal: #F5FAFF;
116-
--color-background-modal-light: #FFFFFF;
117-
--color-text: #000000;
118-
--color-text-light: #5F5F5F;
119-
--color-border: #BFC1C3;
120-
--color-border-input: #0B0C0C;
121-
--color-link: #0065B3;
122-
--color-link-hover: #003078;
123-
--color-link-visited: #4C2C92;
124-
--color-primary: #0a319e;
125-
--color-primary-light: #E0E8FF;
126-
--color-success: #00703C;
127-
--color-success-light: #D4F7D4;
128-
--color-warning: #EC9811;
129-
--color-warning-light: #FFEAC9;
130-
--color-danger: #D0190F;
131-
--color-danger-light: #FFDCDA;
132-
--color-info: #2B8CC4;
133-
--color-info-light: #D4ECF7;
134-
--color-noactive: #7C7C7C;
135-
--color-noactive-light: #DEE0E2;
136-
/* #endregion */
137-
/* result colors*/
138-
--color-result-failed: #D0190F;
139-
--color-result-passed: #00703C;
140-
--color-result-inprogress: #0065B3;
141-
--color-result-exclude: #7866B9;
142-
--color-result-bypassed: #912B88;
143-
--color-result-inconcllusive: #B58840;
144-
--color-result-runnig: #00A2A3;
145-
--color-result-noaction: #949494;
146-
/* #end of result colors*/
147-
/* diagnostic colors */
148-
--color-diagnostic-debug: #0065B3;
149-
--color-diagnostic-verbose: #769899;
150-
--color-diagnostic-information: #2B8CC4;
151-
--color-diagnostic-warning: #EC9811;
152-
--color-diagnostic-error: #D0190F;
153-
--color-diagnostic-fatal: #9E1912;
154-
/* end of diagnostic colors */
155-
/* station status colors */
156-
--color-automat: #00703C;
157-
--color-ground: #2B8CC4;
158-
--color-grounded: #0065B3;
159-
--color-idle: #949494;
160-
--color-manual: #EC9811;
161-
/* end of station status colors */
162-
/* prodinsight colors */
163-
--color-oee: #0A319E;
164-
--color-availability: #00703C;
165-
--color-performance: #0065B3;
166-
--color-quality: #EC9811;
167-
/* end of prodinsight colors */
168-
/* downtime colors */
169-
--color-downtime-unassigned: #C7C7C7;
170-
--color-downtime-material: #EC9811;
171-
--color-downtime-operator: #F08584;
172-
--color-downtime-working: #B6D069;
173-
--color-downtime-technical: #9885A9;
174-
--color-downtime-planned: #7DCDD2;
175-
/* end of downtime colors */
176-
/* buttons colors */
177-
--color-btn-primary: #0A319E;
178-
--color-btn-primary-hover: #E0E8FF;
179-
--color-btn-danger: #D0190F;
180-
--color-btn-danger-hover: #FFDCDA;
181-
--color-btn-success: #00703C;
182-
--color-btn-success-hover: #D4F7D4;
183-
--color-btn-warning: #EC9811;
184-
--color-btn-warning-hover: #FFFAD5;
185-
--color-btn-info: #2B8CC4;
186-
--color-btn-info-hover: #D4ECF7;
187-
--color-btn-noactive: #7C7C7C;
188-
--color-btn-noactive-hover: #DEE0E2;
189-
--color-btn-outline-bg: transparent;
190-
--color-btn-no-bg-bg: transparent;
191-
/* end of buttons colors */
192-
--animate-pulse-danger: pulse-danger 2s ease-in-out infinite;
193-
194-
@keyframes pulse-danger {
195-
0%, 100% {
196-
box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-danger) 30%, transparent);
197-
}
198-
199-
50% {
200-
box-shadow: 0 0 0 6px color-mix(in srgb, var(--color-danger) 0%, transparent);
201-
}
202-
}
203-
}
204-
205-
[data-theme="dark"] {
206-
/* #region Base colors */
207-
--color-black: #FFFFFF;
208-
--color-white: #0B0C0C;
209-
--color-gray-1: #2A2A2A;
210-
--color-gray-2: #3A3A3A;
211-
--color-gray-3: #9E9E9E;
212-
--color-background: #121212;
213-
--color-background-light: #1F1F1F;
214-
--color-background-dark: #1F1F1F;
215-
--color-background-modal: #1E1E1E;
216-
--color-background-modal-light: #252525;
217-
--color-text: #FFFFFF;
218-
--color-text-light: #CFCFCF;
219-
--color-border: #3A3A3A;
220-
--color-border-input: #FFFFFF;
221-
/* #endregion */
222-
/* #region Links */
223-
--color-link: #82B1FF;
224-
--color-link-hover: #AECbFA;
225-
--color-link-visited: #B39DDB;
226-
/* #endregion */
227-
/* #region Brand & semantic colors */
228-
--color-primary: #82B1FF;
229-
--color-primary-light: #1E2A44;
230-
--color-success: #4CAF50;
231-
--color-success-light: #1E3B2C;
232-
--color-warning: #FFB74D;
233-
--color-warning-light: #3A2A12;
234-
--color-danger: #EF5350;
235-
--color-danger-light: #3A1F1F;
236-
--color-info: #64B5F6;
237-
--color-info-light: #1E2F3F;
238-
--color-noactive: #9E9E9E;
239-
--color-noactive-light: #2A2A2A;
240-
/* #endregion */
241-
/* #region Result colors */
242-
--color-result-failed: #EF5350;
243-
--color-result-passed: #4CAF50;
244-
--color-result-inprogress: #64B5F6;
245-
--color-result-exclude: #9575CD;
246-
--color-result-bypassed: #CE93D8;
247-
--color-result-inconcllusive: #D4A373;
248-
--color-result-runnig: #4DD0E1;
249-
--color-result-noaction: #9E9E9E;
250-
/* #endregion */
251-
/* #region Diagnostic colors */
252-
--color-diagnostic-debug: #64B5F6;
253-
--color-diagnostic-verbose: #90A4AE;
254-
--color-diagnostic-information: #4FC3F7;
255-
--color-diagnostic-warning: #FFB74D;
256-
--color-diagnostic-error: #EF5350;
257-
--color-diagnostic-fatal: #E53935;
258-
/* #endregion */
259-
/* #region Station status colors */
260-
--color-automat: #4CAF50;
261-
--color-ground: #64B5F6;
262-
--color-grounded: #42A5F5;
263-
--color-idle: #9E9E9E;
264-
--color-manual: #FFB74D;
265-
/* #endregion */
266-
/* #region ProdInsight colors */
267-
--color-oee: #82B1FF;
268-
--color-availability: #4CAF50;
269-
--color-performance: #64B5F6;
270-
--color-quality: #FFB74D;
271-
/* #endregion */
272-
/* #region Downtime colors */
273-
--color-downtime-unassigned: #616161;
274-
--color-downtime-material: #FFB74D;
275-
--color-downtime-operator: #EF9A9A;
276-
--color-downtime-working: #AED581;
277-
--color-downtime-technical: #B39DDB;
278-
--color-downtime-planned: #80DEEA;
279-
/* #endregion */
280-
/* #region Buttons */
281-
--color-btn-primary: #82B1FF;
282-
--color-btn-primary-hover: #1E2A44;
283-
--color-btn-success: #4CAF50;
284-
--color-btn-success-hover: #1E3B2C;
285-
--color-btn-danger: #EF5350;
286-
--color-btn-danger-hover: #3A1F1F;
287-
--color-btn-warning: #FFB74D;
288-
--color-btn-warning-hover: #3A2A12;
289-
--color-btn-info: #64B5F6;
290-
--color-btn-info-hover: #1E2F3F;
291-
--color-btn-noactive: #9E9E9E;
292-
--color-btn-noactive-hover: #2A2A2A;
293-
--color-btn-outline-bg: transparent;
294-
--color-btn-no-bg-bg: transparent;
295-
/* #endregion */
296-
}
6+
@source "./";
7+
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));

0 commit comments

Comments
 (0)