/**
 * This code is free software; you can redistribute it and/or modify it under
 * the terms of the new BSD License.
 *
 * Copyright (c) 2015, Sebastian Staudt
 */

@import 'bootstrap';
@import 'font-awesome-sprockets';
@import 'font-awesome';

.navbar-inverse .navbar-brand:hover {
  color: $navbar-inverse-brand-color;
}

.tag {
  display: inline-block;
  margin-right: 1pt;
}

.thumbnail > div:first-child {
  text-align: center;
}

.thumbnail > div > a {
  display: inline-block;
}

.thumbnail > div > a > div {
  position: relative;
}

.thumbnail > div:first-child .fa {
  color: #fff;
  position: absolute;
  left: 1em;
  text-shadow: 1px 1px 2px #000;
  top: 1em;
}

.thumbnail img {
  width: 100%;
}

/**
 * This code is free software; you can redistribute it and/or modify it under
 * the terms of the new BSD License.
 *
 * Copyright (c) 2015, Sebastian Staudt
 */

@import 'bootstrap';
@import 'font-awesome-sprockets';
@import 'font-awesome';

.navbar-inverse .navbar-brand:hover {
  color: $navbar-inverse-brand-color;
}

.tag {
  display: inline-block;
  margin-right: 1pt;
}

.thumbnail > div:first-child {
  text-align: center;

  .fa {
    color: #fff;
    position: absolute;
    left: 1em;
    text-shadow: 1px 1px 2px #000;
    top: 1em;
  }
}

.thumbnail > div > a {
  display: inline-block;

  & > div {
    position: relative;
  }
}

.thumbnail img {
  width: 100%;
}

Make use of Sass syntax
Make use of Sass syntax
