Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----

$color-wild-sand: #f5f5f5;
$color-black: #000;
%charlieHdr {
    font-size: 22px;
}
%deltaHdr {
  font-size: 15px;
}
%miniModule {
    border-top: 1px solid #fdfdfd;
    border-bottom: 1px solid #e6e4e4;
    padding: 25px 65px 22px 80px;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 94px;
    display: table;
}
%miniModuleInner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
%viewMoreIndicator {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -16px;
}
@mixin miniModule($bgColor: $color-wild-sand, $color: $color-black, $hasToggle: true) {
    @extend %miniModule;
    background-color: $bgColor;
    color: $color;
    @content;

    &__inner {
        @extend %miniModuleInner;
    }
    &__title {
        @extend %charlieHdr;
        display: block;
    }
    &__timestamp {
        @extend %deltaHdr;
        display: block;
    }
    @if $hasToggle {
        .icon-arrow-right {
            @extend %viewMoreIndicator;
        }
    }
}
.miniReminder {
    @include miniModule();
}

SassMeister-output.css

.miniReminder__title {
  font-size: 22px;
}

.miniReminder__timestamp {
  font-size: 15px;
}

.miniReminder {
  border-top: 1px solid #fdfdfd;
  border-bottom: 1px solid #e6e4e4;
  padding: 25px 65px 22px 80px;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 94px;
  display: table;
}

.miniReminder__inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.miniReminder .icon-arrow-right {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -16px;
}

.miniReminder {
  background-color: #f5f5f5;
  color: #000;
}
.miniReminder__title {
  display: block;
}
.miniReminder__timestamp {
  display: block;
}