Contents

.page-title,
.post-title {
  text-align: center;
  padding: var(--spacing) 0;
}

.post-meta {
  color: var(--body-color-light);
  font-size: .8em;
  margin-top: var(--spacing);
}

.post-meta-top {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--spacing);
}

.post-meta-bottom {
  margin-bottom: var(--spacing);
}

.post-categories {
  text-align: right;
}

a.post-category,
a.post-tag {
  color: inherit;

  &:hover,
  &:focus {
    text-decoration: none;
    color: var(--body-color-dark);
  }
}

.post-cover {
  background: var(--body-fg) center center;
  background-size: cover;
  margin: 0 -12vw var(--spacing);
  height: 400px;
  border-radius: var(--border-radius);
}

.post-content {
  background-color: var(--body-bg);
  min-height: 230px;
}

.message {
  padding: var(--spacing);
  border-radius: var(--border-radius);
  background-color: var(--message-color);
  color: var(--body-bg);
}

@media screen and (min-width: $screen-tablet) {
  .page,
  .post {
    padding: 0 var(--spacing);
  }
}

@media screen and (min-width: $screen-laptop) {
  .page,
  .post {
    padding: 0 calc(var(--spacing) * 2);
  }

  .post-meta {
    padding-left: calc(var(--spacing) * 2);
    padding-right: calc(var(--spacing) * 2);
  }

  .post-cover {
    height: 600px;
    margin-bottom: -160px;
  }

  .post-content {
    padding: var(--spacing) calc(var(--spacing) * 2);
  }
}

@media screen and (min-width: $screen-desktop) {
  .page,
  .post {
    padding: 0 calc(var(--spacing) * 4);
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
jekyll-theme-quartz-0.1.2	_sass/quartz/_post.scss
jekyll-theme-quartz-0.1.1	_sass/quartz/_post.scss
jekyll-theme-quartz-0.1.0	_sass/quartz/_post.scss