Rift.IO OSM R1 Initial Submission

[osm/UI.git] / skyquake / plugins / composer / src / src / styles / ToggleElement.scss

diff --git a/skyquake/plugins/composer/src/src/styles/ToggleElement.scss b/skyquake/plugins/composer/src/src/styles/ToggleElement.scss
new file mode 100644 (file)
index 0000000..d116b8f
--- /dev/null
+++ b/skyquake/plugins/composer/src/src/styles/ToggleElement.scss
@@ -0,0 +1,22 @@
+
+/* simple toggle behavior (requires js to change data-toggle value to 'true' or add class '-is-toggled' */
+[data-toggle] {
+       .toggle-show-less {
+               display: inline;
+       }
+       .toggle-show-more {
+               display: none;
+       }
+}
+[data-toggle="true"],
+[data-toggle].-is-toggled {
+       + .toggleable {
+               display: none !important;
+       }
+       .toggle-show-more {
+               display: inline !important;
+       }
+       .toggle-show-less {
+               display: none !important;
+       }
+}