The default txp theme on Github has a lot of partials
_code-prettify.scss ... etc.
…to adjust the gradients it’s all in /sass/core/_settings.scss
// text colours
// default gradients
$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"
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 :-(
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…
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
Anyway, a quick CD into the site root and two words
…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
Funny the things you notice when watching Speed Code
Never mind that the icons are great, the site itself is a thing of beauty… (And even the way the repositories on Github are starred was another What’s that? moment. Anyway, Jan Kovarik gives his explanations at unmatchedstyle.com
Foundation Icon Fonts
Which then got me thinking… And looking! And Zurb has these also… (Does that sound American enough?)