Version 1

[yaffs-website] / web / core / modules / system / css / components / js.module.css

diff --git a/web/core/modules/system/css/components/js.module.css b/web/core/modules/system/css/components/js.module.css
new file mode 100644 (file)
index 0000000..f827020
--- /dev/null
+++ b/web/core/modules/system/css/components/js.module.css
@@ -0,0 +1,22 @@
+/**
+ * @file
+ * Utility classes to assist with Javascript functionality.
+ */
+
+/**
+ * For anything you want to hide on page load when JS is enabled, so
+ * that you can use the JS to control visibility and avoid flicker.
+ */
+.js .js-hide {
+  display: none;
+}
+
+/**
+ * For anything you want to show on page load only when JS is enabled.
+ */
+.js-show {
+  display: none;
+}
+.js .js-show {
+  display: block;
+}