@dabapps/roe/src/less/layout.less

A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.

.border-top {
  border-top: @border-base;
}

.border-bottom {
  border-bottom: @border-base;
}

.section {
  .border-bottom();
  padding: @padding-large @gutter-width / 2;
  margin-left: -@gutter-width / 2;
  margin-right: -@gutter-width / 2;

  &:last-of-type {
    border-bottom: @border-none;
  }
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-static {
  position: static;
}