Repository navigation
Add shorthand way of getting inline style or getComputedStyle property #134
Description
Need a handy way of referencing an inline style property. This has come up on a work project but there's a workaround so no major rush.
Possible syntax could be {:property}. Eg.
.myDiv:click {
$rememberColor: "{:color}"; /* gets existing color and assigns to regular variable as a string */
color: green;
}
.something:click {
myDiv {
color: {$rememberColor};
}
}
Needs to work on any style. This is not the same solution as using CSS variables, which would work fine too.
This wouldn't be a variable type. Like the attribute {@...} syntax it can't be assigned to anything. It's just a way of getting values.
Activity
bob2517 commentedon Oct 3, 2022
Probably worth doing a getComputedStyle variant for this too.
Maybe {::color} for that, which would follow the attribute @, property @@ convention. Basically doubling up the colon for the calculated value.
bob2517 commentedon Mar 10, 2024
Note to self: getComputedStyle returns a live CSSStyleDeclaration object, which could be remembered during an event flow to avoid doing it more than once for an element. Would just need to clean it up at the end of each event flow for the sake of SPA memory if that method is employed.
[-]Add way of getting style property[/-][+]Add shorthand way of getting defined style or getComputedStyle property[/+][-]Add shorthand way of getting defined style or getComputedStyle property[/-][+]Add shorthand way of getting inline style or getComputedStyle property[/+]bob2517 commentedon Apr 14, 2024
Closing pending release.