Rift.IO OSM R1 Initial Submission

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

diff --git a/skyquake/plugins/composer/src/src/styles/EditableProperty.scss b/skyquake/plugins/composer/src/src/styles/EditableProperty.scss
new file mode 100644 (file)
index 0000000..529dc20
--- /dev/null
+++ b/skyquake/plugins/composer/src/src/styles/EditableProperty.scss
@@ -0,0 +1,45 @@
+@import 'variables';
+@import 'main';
+.EditableProperty {
+
+       position: relative;
+       display: inline-block;
+       vertical-align: middle;
+
+       h3 {
+
+               @extend h1;
+
+               display: inline-block;
+               position: absolute;
+               top: 3px;
+               right: 21px;
+               height: 19px;
+               pointer-events: none;
+               border-radius: $field-border-radius;
+               background: linear-gradient(to right, transparent, $field-background-color 21px);
+               color: #586e75;
+
+               margin: 0;
+               border: 0;
+               padding: 0 0 4px 21px;
+               text-align: right;
+
+               font-size: xx-small;
+               vertical-align: top;
+               line-height: 19px;
+
+               input {
+                       display: none;
+                       color: #002b36;
+                       min-width: 100px;
+                       max-width: 100%;
+               }
+
+               .property-description {
+                       margin: 4px;
+               }
+
+       }
+
+}