Subversion Repositories web.creative

Rev

Blame | Last modification | View Log | Download

///
/// Future Imperfect by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Posts */

  ul.posts {
    list-style: none;
    padding: 0;

    li {
      border-top: dotted 1px _palette(border);
      margin: (_size(element-margin) * 0.75) 0 0 0;
      padding: (_size(element-margin) * 0.75) 0 0 0;

      &:first-child {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
      }
    }

    article {
      @include vendor('display', 'flex');
      @include vendor('align-items', 'flex-start');
      @include vendor('flex-direction', 'row-reverse');

      .image {
        display: block;
        margin-right: 1.5em;
        min-width: 4em;
        width: 4em;

        img {
          width: 100%;
        }
      }

      header {
        @include vendor('flex-grow', '1');
        -ms-flex: 1;

        h3 {
          font-size: 0.7em;
          margin-top: 0.125em;
        }

        .published {
          display: block;
          font-family: _font(family-heading);
          font-size: 0.6em;
          font-weight: _font(weight-heading);
          letter-spacing: _font(kerning-heading);
          margin: -0.625em 0 (_size(element-margin) * 0.85) 0;
          text-transform: uppercase;
        }

        > :last-child {
          margin-bottom: 0;
        }
      }
    }
  }