<footer class="c-contentinfo">
    <p class="c-contentinfo__social">
        <a href="https://feeds.feedburner.com/24ways" rel="alternate">Grab our RSS feed</a>
        <a href="https://twitter.com/24ways" rel="me">Follow us on Twitter</a>
        <a href="https://github.com/24ways" rel="me">Contribute on GitHub</a>
    </p>
    <p class="c-contentinfo__copyright">
        <small>&#169; 2005-2016 24 ways and our authors</small>
    </p>
</footer>
<footer class="c-contentinfo">
  <p class="c-contentinfo__social">
    <a href="{{ site.feed }}" rel="alternate">Grab our RSS feed</a>
    <a href="https://twitter.com/{{ site.handle }}" rel="me">Follow us on Twitter</a>
    <a href="https://github.com/{{ site.handle }}" rel="me">Contribute on GitHub</a>
  </p>
  <p class="c-contentinfo__copyright">
    <small>&#169; 2005-2016 24 ways and our authors</small>
  </p>
</footer>
{
  "site": {
    "title": "24 ways",
    "handle": "24ways",
    "description": "24 ways is the advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.",
    "url": "https://24ways.org",
    "feed": "https://feeds.feedburner.com/24ways",
    "theme_color": "#f04"
  },
  "theme": {
    "year": [
      348,
      344,
      340,
      336,
      332,
      328,
      324,
      320,
      316,
      312,
      308,
      304,
      300,
      296,
      292,
      288
    ],
    "day": [
      360,
      353,
      346,
      339,
      332,
      325,
      318,
      311,
      304,
      297,
      290,
      283,
      276,
      269,
      262,
      255,
      248,
      241,
      234,
      227,
      220,
      213,
      206,
      199
    ]
  }
}
  • Content:
    .c-contentinfo {
      @apply --typeset-label;
    
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: map(spaces, small) map(spaces, large);
    
      .has-js & {
        @media (--from-medium-screen) {
          margin-right: $navigation-width--large;
        }
      }
    
      @media (--from-large-screen) {
        padding-left: map(spaces, medium);
        padding-right: map(spaces, medium);
      }
    
      @media (-ms-high-contrast: active) {
        border-top: 1px solid;
      }
    
      a {
        white-space: nowrap;
    
        @media print {
          display: none;
        }
      }
    
      > * {
        @media (--upto-large-screen) {
          line-height: 2;
        }
      }
    }
    
    .c-contentinfo__social a {
      margin-right: map(spaces, medium);
    }
    
  • URL: /components/raw/contentinfo/contentinfo.css
  • Filesystem Path: src/components/global/contentinfo/contentinfo.css
  • Size: 687 Bytes

There are no notes for this item.