Contents

  // nested form

  .nested-forms {
    & > .label { margin-bottom: .25em; }
    & > ul { margin: 0; padding: 0; }
    & > ul > li { list-style-type: none; margin-top: 1em; @include position(relative); border: 1px solid $neutralColor; }
    & > ul > li:first-child { margin-top: 0; }
    & > ul > li > .icon-reorder { left: 0; top: 1em; z-index: 1; }
    & > ul li.reorderable { background-color: $white; }
    & > ul li.reorderable > .input-stacked:first-of-type { padding-left: 2.4em; }
  }

  .nested-form-new {
    color: $positiveColor; margin-top: .75em; display: inline-block; font-size: .9em;
    &:hover { opacity: .5; }
  }

  .nested-form-delete {
    @include position(absolute, .35em .3em null null); border-radius: 1em; z-index: 1;
    @include hide-text; width: 1.5em; height: 1.5em;  background-color: rgba(0,0,0,.05);
    &:before { content: '\00d7'; color: $stableColor; line-height: 1.35em; @include position(absolute, null 7px null null); }
    &:hover  { background-color: $positiveColor; &:before { color: $white; } }
  }

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
formagic-0.2.6	app/assets/stylesheets/formagic/nested-form.scss
formagic-0.2.5	app/assets/stylesheets/formagic/nested-form.scss