i made globalStyleTag #1525
Closed
jojojojojoj5564656465465
started this conversation in
Ideas
i made globalStyleTag
#1525
Replies: 3 comments 6 replies
-
|
that generate error |
Beta Was this translation helpful? Give feedback.
1 reply
-
|
I can't reproduce this error with the code you've pasted above. Is this discussion meant to be a bug report or a feature request? |
Beta Was this translation helpful? Give feedback.
-
This would be so greatLess class to create and import in app.tsxexport const s = style({
margin: 25,
maxWidth: 650,
":hover": {
maxWidth: "100%",
},
childTag: {
h2: {
color: "green",
backgroundColor: "red",
},
h5: {
color: "pink",
},
p: { backgroundColor: "orange", fontSize: "6rem" },
h6: {
backgroundColor: "white",
fontSize: "4rem",
},
},
}); |
Beta Was this translation helpful? Give feedback.
5 replies
-
|
Is the idea for |
Beta Was this translation helpful? Give feedback.
-
import {
parser,
record,
safeParser,
string,
union,
number,
transform,
partialCheck,
object,
pipe,
description,
minValue,
maxValue,
optional,
type InferInput,
} from 'valibot'
type HTMLElements =
| 'p'
| 'h1'
| 'h2'
| 'h3'
| 'h4'
| 'h5'
| 'h6'
| 'li'
| 'ul'
| 'ol'
| 'span'
/**
* ! ajouter un layer en plus
*/
type HtmlP = Partial<Record<HTMLElements, GlobalStyleRule>>
/**
* Applique des styles globaux à des éléments HTML donnés sous un parent spécifié.
* @param parent - Le sélecteur parent pour les styles.
* @param obj - Un objet de styles à appliquer aux éléments HTML.
*/
export const globalStyleTag = (parent: string, obj: HtmlP): void => {
const vObjValidatorKeyValues = record(
string(),
union([string(), number()]),
'Css Object not valid in globalStyleTag',
)
const checkCss = safeParser(vObjValidatorKeyValues)
for (const [key, value] of Object.entries(obj)) {
const result = checkCss(value)
if (result.success) {
globalStyle(`${parent} ${key}`, {
'@layer': {
custom: result.output,
},
})
}
}
}
|
Beta Was this translation helpful? Give feedback.
-
|
Ok yes you can do this with We probably wouldn't implement something like this directly in VE as it's relatively easy to implement yourself. |
Beta Was this translation helpful? Give feedback.
-
|
i have to use a seperate function to do it but it would be better to use directly into style() |
Beta Was this translation helpful? Give feedback.
-
|
Again, this functionality is only possible with |
Beta Was this translation helpful? Give feedback.
-
|
to avoid errors I used valibot and it's working fine |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Beta Was this translation helpful? Give feedback.
All reactions