Sha256: 677c20d0c1f93b2c02f4d19124d10d7463c656f3d1ad3a899a3c531f6c032fbf

Contents?: true

Size: 1.29 KB

Versions: 1

Compression:

Stored size: 1.29 KB

Contents

.block.fieldset-row {
  @media#{map-get($query,min768)} {
    @include FormColumns( auto 250px );
  }
}

.block.legend-row {
  padding: 0 ($radius * 2) ($radius * 2);
  display: block;
}

.block.legend-row + .block.legend-row {
  border-top: 1px solid rgba(setcolor(slate),20%);
  padding-top: ($radius * 2);
}

.block.legend-row + .block.legend-row.button-row {
  border-top: none;
}

.block.legend-row.fee-row {
  @media#{map-get($query,max767)} {
    text-align: center;
  }
}

.block.legend-row.button-row {
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

.block.legend-key {
  display: block;
}

.block.legend-content {
  @include bg;
  border-radius: ($radius / 3);
  place-items: center;
  padding: 20px;
  display: grid;

  + .block.legend-key {
    @media#{map-get($query,max767)} {
      margin-top: 20px;
    }
  }
}

.block.legend-item {
  grid-template-columns: ($radius * 3) auto auto;
  grid-column-gap: 8px;
  align-items: center;
  display: grid;
}

.block.legend-item-dot {
  background-color: setcolor(gray);
  height: ($radius * 3);
  width: ($radius * 3);
  border-radius: 50%;
}

.block.legend-item-title {
  line-height: 1.1;
}

.block.legend-fee {
  grid-template-columns: 12px auto;
  display: inline-grid;
  padding-top: 2px;
}

.block.legend-item-price {
  text-align: right;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
futuro-1.0.3 _sass/block/form/legend.scss