Perspective: How to use css theme classes on components?

[rbabcock]

I was able to get some animations working by doing as cmallonee suggested. Create or modify one of the CSS theme files and do something like:

.psc-SomeStyleName {
    animation: <some animation CSS here>;
}

Keyframes work, as well. Then you just type SomeStyleName into the style.classes property of your component and you're good to go.

These posts might explain it better than I can.

CSS pseudo-elements

I’ve been playing around with some css animation For example I have a rectangle representing a device. There will be multiple of these in a room. If the device goes into an error state the box shadow flashes red. User can then click on the device to open a new view to interact with the device. I also have a settings icon come into screen if the user holds down the mouse. [CSS animation] The blinking box shadow comes from custom CSS @keyframes flashbox { 0% {box-shadow: 0px 0px 2px 1…

Perspective base a style class on another style class

v8.0.15 Can I base a style class on another style class? Instead of having to either define the same styles twice or assign two styles to a component, I want to be able to add the styles defined in one class into another class, where the same precedence logic would apply as normal: if a particular style has two definitions (one from the linked class and one from the current class), then the current class’ version would take precedence. Or am I doing Perspective wrong? (really I’m just fumblin…

On another note, I was able to get a tooltip to show up with some static text, but I've been looking for a way to change it within the designer, maybe as a component property. I am learning as I go with CSS, so if anyone has any suggestions I would appreciate it.