Contents

@use 'variables';
@use 'mixins' as *;

section {
  margin-bottom: var(--spacer-3);
}

.about {
  h1 {
    margin-top: 0;
  }

  img {
    width: 192px;
    height: 192px;
    border-radius: 50%;
    margin-bottom: 2rem;
    object-fit: cover;
  }

  p {
    margin-bottom: 1.6rem;

    @media (min-width: variables.$breakpoint-lg) {
      margin-right:1rem
    }
  }
}

.social-links {
  padding-left: 0;
  margin-bottom: 3rem;

  li {
    padding-inline: 0;
    list-style-type: none;

    a {
      display: inline-flex;
      align-items: center;
      gap: .25rem;
    }

    svg {
      width: 1em;
      height: 1em;
      vertical-align: -.125em;
      fill: currentColor;
      margin-right: .25rem;
      color: var(--contrast-med-low);
    }
  }

  @media (max-width: variables.$breakpoint-md) {
    @include inline-flex;
    margin-bottom: 0;
  }
}

@media (min-width: variables.$breakpoint-md) {
    .home {
        @include grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .archive {
        grid-column-start: 2;
        grid-column-end: 4
    }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jekyll-theme-gruv-poole-1.1.0	_sass/_home.scss