@import "../variables/dimensions";

.rc-block {
    margin-bottom: $default-padding;
}

.rc-block-addTopOffset {
    margin-top: $default-padding;
}

.rc-block-addLeftOffset {
    margin-left: $default-padding;
}

.rc-block-addRightOffset {
    margin-right: $default-padding;
}

.rc-block-addHorizontalOffset {
    margin-left: $default-padding;
    margin-right: $default-padding;
}

.rc-block-cancelTopOffset {
    margin-top: -$default-padding;
}

.rc-block-cancelBottomOffset {
    margin-bottom: -$default-padding;
}

.rc-block-cancelHorizontalOffset {
    margin-left: -$default-padding;
    margin-right: -$default-padding;
}

.rc-block-condensed {
    margin-bottom: $default-padding / 2;
}

.rc-block-half-condensed {
    margin-bottom: $default-padding / 4;
}

.rc-block-accent {
    margin-top: $default-padding;
    margin-bottom: $default-padding;
}

.rc-block-inline {
    display: inline-block;
    margin-right: $grid-gutter-width;
}

.rc-block-vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rc-block-vertical-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.rc-block-noOverflow {
  overflow: hidden;
}