Sha256: 5d6ac1882156dc6146a7ec9e2e28dadc144109b4641eec403b20ab7c537c8c3a

Contents?: true

Size: 992 Bytes

Versions: 5

Compression:

Stored size: 992 Bytes

Contents

//
// ROWS
//

.rf-row {
  align-items: center;
  display: flex;
}

.rf-row--space-between {
  justify-content: space-between;
}


//
// COLUMNS
//

.rf-col--1 {
  width: 8.333333%;
}

.rf-col--2 {
  width: 16.666667%;
}

.rf-col--3 {
  width: 25%;
}

.rf-col--4 {
  width: 33.333333%;
}

.rf-col--5 {
  width: 41.666667%;
}

.rf-col--6 {
  width: 50%;
}

.rf-col--7 {
  width: 58.333333%;
}

.rf-col--8 {
  width: 66.666667%;
}

.rf-col--9 {
  width: 75%;
}

.rf-col--10 {
  width: 83.333333%;
}

.rf-col--11 {
  width: 91.666667%;
}

.rf-col--12 {
  width: 100%;
}


//
// ACTIONS COLUMN
//

// Two action buttons
.rf-col--actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;

  .rf-btn {
    float: left;
    min-width: 50px;
    padding-left: 0;
    padding-right: 0;
    width: 48%;

    &:first-child {
      margin-right: 4%;
    }
  }
}

// Single action button
.rf-col--action {
  .rf-btn {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
ethosstyles-0.1.7 app/assets/stylesheets/components/_grid.scss
ethosstyles-0.1.6 app/assets/stylesheets/components/_grid.scss
ethosstyles-0.1.5 app/assets/stylesheets/components/_grid.scss
ethosstyles-0.1.4 app/assets/stylesheets/components/_grid.scss
ethosstyles-0.1.3 app/assets/stylesheets/components/_grid.scss