I try to make my themes as customizable by variables as possible. In this gist we setup default variables, then some helper variables and inject pieces of the background mixin based on what has been set in our default variables.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> | |
| <plist version="1.0"> | |
| <dict> | |
| <key>beforeRunningCommand</key> | |
| <string>saveActiveFile</string> | |
| <key>command</key> | |
| <string>#!/bin/sh | |
| SASS_OPTS="-t expanded --scss" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # A little modification to Wynn Netherland's (http://wynnnetherland.com/journal/a-stylesheet-author-s-guide-to-terminal-colors) | |
| # "git n" alias which allows one to specify a subdirectory. | |
| [alias] | |
| n = !"f() { git ls-files $1 | xargs notes | awk -F: '{ print $1,$2; print $3,$4; print $5}' | grcat conf.notes | less -r; }; f" |
If like me you find it frustrating to define the same vendor prefixes over and over again. Sure, you might create mixins that help reduce the amount of repetitiveness but when your mixins file becomes a library (or not) you see so many lines of near-identical code and wonder if there is an easier way.
Say you have this (all-too familiar) mixin:
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
-o-border-radius: $radius;
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @include handhelds { | |
| table.responsive { | |
| width: 100%; | |
| thead { | |
| display: none; | |
| } | |
| tr { | |
| display: block; | |
| } | |
| td, th { |
Inject service icon links using Ligature Symbols and javascript.
Define the selector you want to inject the icons to.
var serviceLocations = "selector";
This short list of steps will guide you through setting up your domain to launch your site as fast as possible.
- Log into your domain provider's website
- Goto the DNS editor for the domain you want to setup.
- For an existing main A record, set the Time to Live (TTL) to the lowest value available.
- Save your changes.
- Change the main A record's IP to 63.135.210.217
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "phone" : "all and (max-width: 603px)", | |
| "desktop": "all and (min-width: 1025px)", | |
| "tablet" : "all and (min-width: 604px) and (max-width: 1024px)" | |
| } |