search

dragontheory / D7460N-with-db

Your data your way. Fast, easy, and secure.
https://d7460n-app-with-resizer.pages.dev/
2 stars 1 forks source link

Self visualizing panel components #5

Open dragontheory opened 2 years ago

dragontheory commented 2 years ago

Panels show opacity: 1.0; when data is detected inside them - without using classes in <body>.

https://github.com/Active-CSS/active-css/discussions/186#discussioncomment-3061978

Definition: <app-panel> becomes visible (opacity: 1.0; for transitions) when it has one or more children <list-cell>.

Otherwise <app-panel> reverts back to it's default visible state, opacity: 0.0;.

app-panel list-cell:if-exists:observe {
  self { set-attribute: style "opacity: 1.0;"; }
}