The default txp theme on Github has a lot of partials

, _helpers.scss,
_code-prettify.scss ... etc.

…to adjust the gradients it’s all in /sass/core/_settings.scss

// text colours
$color-text: #333333;
$color-text-footnote: #888888;
$color-link: #114eb1;
$color-link-hover: #0066ff;
$color-link-visited: #183082;
// default gradients
$color-gradient-from: #eeeeee;
$color-gradient-to: darken($color-gradient-from, 6.5%);
$color-gradient-border: darken($color-gradient-from, 13.5%);

No overrides, just rewrite this lot : -)

NB config.rb is where input and output folders are specified

sass_path = "sass"
css_path = "css"
images_dir = "img"
fonts_dir = "fonts"

Categories ,


I was looking for yet another way to embed Flickr photos, not least because I have previously used a Flash-based widget. Anyway, there’s FlickrBomb from Zurb

<img src="flickr://Kevin Bacon" width="175px" height="175px">

except it won’t work :-(

<script src="/js/jquery.js"></script>
<script src="/js/flickrbomb-min.js"></script>
<script src="/js/app.js"></script>
<script src="/js/backbone.js"></script>
<script src="/js/underscore.js"></script>

All in before the closing body tag…

Anyway, meanwhile from flickrslidr



Just as I’m finally embracing Twitter and putting a feed on the site, with Kevin Potts again leading the way, linking to two plugins…

  1. kml_twitter
  2. arc_twitter

Oh, and I’ve got a nice Foundation social icon, in the bag, too

…I’m reminded of why I was such a slow adopter in the first place by Michael Bester (author of kimili of the plugin fame)… (Oh, and Statamic and Typekit get a mention again).

Oh, and Andy Carter’s plugin works a treat, too…



Nice tool to generate from an image at cssdrive

So, in the SCSS these exist as

// $primary-color: #008CBA;
// $secondary-color: #e7e7e7;
// $alert-color: #f04124;
// $success-color: #43AC6A;
// $warning-color: #f08a24;
// $info-color: #a0d3e8;

And can therefore be overwritten in _overrides.scss and ‘watched’ with Compass as per the forum

So this site can swap primary color blue for green like this

$primary-color: #706E55 !default;

Top bar can be changed too, from

$topbar-bg: #556888;


$topbar-bg: #4A4F49;

Anyway, a quick CD into the site root and two words

compass watch

…and nearly 8000 lines of CSS are automatically massaged (okay, so I’ve got the super verbose output). Even better is the compact style

compass watch -s compact

…and nearly 3000 lines of CSS are carefully updated

Categories ,