Document state classes uses in CSS

Makes it a bit easier to understand all the magic in this CSS.

1 files changed, 12 insertions, 0 deletions

diff --git a/app/styles/base.css b/app/styles/base.css
index 9d0c385..f83370e 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -19,6 +19,18 @@
  * 10000: Max (used for polyfills)
  */
 
+/*
+ * State variables (set on :root):
+ *
+ * noVNC_touch: Device has touch input
+ *
+ * noVNC_loading: Page is still loading
+ * noVNC_connecting: Connecting to server
+ * noVNC_reconnecting: Re-establishing a connection
+ * noVNC_connected: Connected to server (most common state)
+ * noVNC_disconnecting: Disconnecting from server
+ */
+
 body {
   margin:0;
   padding:0;