Add shorthand way of getting inline style or getComputedStyle property

[bob2517]

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.

[bob2517]

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]

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.

[bob2517]

Closing pending release.