X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fcore%2Fmodules%2Fsystem%2Fcss%2Fcomponents%2Fjs.module.css;fp=web%2Fcore%2Fmodules%2Fsystem%2Fcss%2Fcomponents%2Fjs.module.css;h=f827020326daed6d93a0c75f06999c264f57cfb3;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hp=0000000000000000000000000000000000000000;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad;p=yaffs-website 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 index 000000000..f82702032 --- /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; +}