skyquake/plugins/composer/src/src/styles/EditableProperty.scss

   1 @import 'variables';
   2 @import 'main';
   3 .EditableProperty {
   4
   5         position: relative;
   6         display: inline-block;
   7         vertical-align: middle;
   8
   9         h3 {
  10
  11                 @extend h1;
  12
  13                 display: inline-block;
  14                 position: absolute;
  15                 top: 3px;
  16                 right: 21px;
  17                 height: 19px;
  18                 pointer-events: none;
  19                 border-radius: $field-border-radius;
  20                 background: linear-gradient(to right, transparent, $field-background-color 21px);
  21                 color: #586e75;
  22
  23                 margin: 0;
  24                 border: 0;
  25                 padding: 0 0 4px 21px;
  26                 text-align: right;
  27
  28                 font-size: xx-small;
  29                 vertical-align: top;
  30                 line-height: 19px;
  31
  32                 input {
  33                         display: none;
  34                         color: #002b36;
  35                         min-width: 100px;
  36                         max-width: 100%;
  37                 }
  38
  39                 .property-description {
  40                         margin: 4px;
  41                 }
  42
  43         }
  44
  45 }