Contents

/* Nested Forms ------------------------------------------- */

.nested-forms {
  & > .label {
    margin-bottom : .25em;
  }

  & > ul {
    margin  : 0;
    padding : 0;
  }

  & > ul > li {
    @include position(relative);
    list-style-type : none;
    margin-top      : 1em;
    border          : 1px solid $formagic-border-color;

    &:first-child {
      margin-top : 0;
    }
  }

  & > ul > li > .icon-reorder {
    @include position(absolute);
    z-index : 1;
    left    : 0;
    top     : 1em;
  }

  & > ul li.reorderable {
    background-color : white;

    & > .form-input:first-of-type {
      padding-left : 2.5em;
    }
  }
}

.nested-form-new {
  margin-top : .75em;
  font-size  : .9em;
  display    : inline-block;
  color      : $formagic-positive-color;

  &:hover {
    opacity : .5;
  }
}

.nested-forms ul:empty + .nested-form-new {
  margin-top : 0;
}

.nested-form-delete {
  @include position(absolute, .35em .3em null null);
  @include hide-text;

  background-color : rgba(0,0,0,.05);
  border-radius    : 1em;
  z-index          : 1;
  height           : 1.5em;
  width            : 1.5em;

  &:before {
    @include position(absolute, null .45em null null);
    line-height : 1.35em;
    content     : '\00d7';
    color       : $formagic-label-color;
  }

  &:hover {
    background-color : $formagic-positive-color;

    &:before {
      color : white;
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
formagic-0.3.2	app/assets/stylesheets/formagic/nested-form.scss
formagic-0.3.1	app/assets/stylesheets/formagic/nested-form.scss
formagic-0.3.0	app/assets/stylesheets/formagic/nested-form.scss