<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>© 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>© 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
]
}
}
.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);
}
There are no notes for this item.