Contents

.nested_array-details {
  font-size: 1em;
  margin: 0;
  padding: 0 0 0 6px;
  list-style-type: none;
  line-height: 1.5em;
}
.nested_array-details ul {
  margin: 0;
  padding: 0 0 0 6px;
  list-style-type: none;
}
.nested_array-details li {
  margin: 0;
  padding: 0 0 0 30px;
  border-left: solid 1px gray;

  position: relative;
}
.nested_array-details li > * {
  margin-top: 0;
  margin-bottom: 0;
}
.nested_array-details details {
  position: relative;
  top: 0;
  /* -li.padding + ((li:before.width - 1) / 2) - ((summary.width - 1) / 2) */
  /* -30 + ((27 - 1) / 2) - ((13 - 1) / 2) = -23 */
  left: -23px;
}
.nested_array-details details::before {
  content: none;
}
.nested_array-details details[open]::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 1em;
  background-color: grey;
  top: -0.75em;
  left: 6px;
}
.nested_array-details summary {
  position: absolute;
  width: 13px;
  height: 13px;
  box-sizing: border-box;
  top: calc(-0.75em - 6px);
  left: auto;
  list-style-type: none;
  border: solid 1px gray;
  cursor:pointer;
  background:
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    #FFF;
  background-position: center;
  background-size: 7px 1px, 1px 7px;
  background-repeat: no-repeat;
}
.nested_array-details details[open] > summary {
  background:
    linear-gradient(#000, #000),
    #FFF;
  background-position: center;
  background-size: 7px 1px, 1px 7px;
  background-repeat: no-repeat;
}
.nested_array-details li::before {
  content: '';
  display: block;
  border-bottom: solid 1px gray;
  position: absolute;
  width: 27px;
  height: 0.75em;
  left: -1px;
  top: 0;
}
.nested_array-details li:last-child {
  border-left: 1px solid transparent;
}
.nested_array-details li:last-child::before {
  border-left: solid 1px gray;
}

.nested_array-select {
  option {
    padding: 0;
    font-family: monospace;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
nested_array-3.0.0	vendor/assets/stylesheets/nested_array.scss