roelven

  {% capture header %}

  {% if page.title %}
    <meta property="og:type" content="article" />
    <meta property="og:title" content="{{ page.title }} – {{ site.title }}" />
    {% if page.url %}
      <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
    {% endif %}
  {% else %}
    <meta property="og:type" content="website" />	

roelven

<meta property="og:site_name" content="{Title}" />
<meta property="fb:app_id" content="FB_APP_ID" />
<meta property="fb:admins" content="FB_ADMIN_ID" />
<meta property="og:description" content="{MetaDescription}" />
<meta property="og:locale" content="en_US" />

{block:IndexPage}
  <meta property="og:image" content="{PortraitURL-128}" />
  <meta property="og:title" content="SITE_NAME" />
  <meta property="og:type" content="blog" />

roelven

CSS3 for SASS

This is a simple SASS file that provides a number of useful mixins to achieve CSS3 effects cross-browser. For each rule, the styles are implemented for as many browsers as possible.

DISCLAIMER: this gist is not ready. I forked it to develop a more useful mixin list, but discovered some mixins are behaving other than expected. Needs rework. Use at your own risk!

Box Effects