jakebresnehan

.grid-overlay:before {
  content: "";
  position: fixed;
  background-color: rgba(34,102,153,0.5);

  background: -webkit-linear-gradient(skyblue 2px, transparent 2px), -webkit-linear-gradient(0, skyblue 2px, transparent 2px), -webkit-linear-gradient(skyblue 1px, transparent 1px), -webkit-linear-gradient(0, skyblue 1px, transparent 1px);
  background: -moz-linear-gradient(skyblue 2px, transparent 2px), -moz-linear-gradient(0, skyblue 2px, transparent 2px), -moz-linear-gradient(skyblue 1px, transparent 1px), -moz-linear-gradient(0, skyblue 1px, transparent 1px);
  background: -o-linear-gradient(skyblue 2px, transparent 2px), -o-linear-gradient(0, skyblue 2px, transparent 2px), -o-linear-gradient(skyblue 1px, transparent 1px), -o-linear-gradient(0, skyblue 1px, transparent 1px);
  background: -ms-linear-gradient(skyblue 2px, transparent 2px), -ms-linear-gradient(0, skyblue 2px, transparent 2px), -ms-linear-gradient(skyblue 1px, transparent 1px), -ms-linear-gradient(0, skyblue 1px, transparent 1px);
  background

jakebresnehan

          <h1>Contact</h1>
          <form action="#" method="post">
          	<div>
          		<label for="name">Text Input:</label>
          		<input type="text" name="name" id="name" value="" tabindex="1" />
          	</div>
          
          	<div>
          		<h4>Radio Button Choice</h4>
          

jakebresnehan

// Alpha blending

@function blend($bg, $fg) {

	$r:   red($fg) * alpha($fg) +   red($bg) * (1 - alpha($fg));
	$g: green($fg) * alpha($fg) + green($bg) * (1 - alpha($fg));
	$b:  blue($fg) * alpha($fg) +  blue($bg) * (1 - alpha($fg));

	@return rgb($r, $g, $b);

jakebresnehan

How to Use
Step 1.
Copy the custom_widget.php file and place it in your WordPress theme folder. Assuming WordPress is installed in the root of your server the file will be place in /wp-content/themes/yourtheme/

Step 2.
Open up functions.php and include the following piece of code somewhere in the file. include TEMPLATEPATH . '/custom_widget.php';

Step 3.
Edit the custom_widget.php file to suit your needs.

jakebresnehan

/**
 * The first commented line is your dabblet’s title
 */

h1 span{
	color:Red  /* I only target <span> tags nested within a h1 */
}

h1 ~ span{
	color:blue /* I dont taget <span> tags nest within a h1, but any <span> tag that follows a h1 on the same nested level */

jakebresnehan

<script>
$(window).resize(function() {
	var windowWidth = $(window).width();
	$('.screen-width').text(windowWidth + 'px');
});
</script>

<div id="debug" style="position:fixed;padding:0.3em 0.6em;background:#f1f1f1;font-size:0.6em;bottom:0;left:50%;">
	<span class="screen-width">0</span>
</div>

jakebresnehan

%debug
  background-color: pink !important

jakebresnehan

@function rgbaa($args...) {

  // rgbaa(#FFF, .5)
  @if length($args) == 2 {
    $hex: nth($args, 1);
    $alpha: nth($args, 2);
    @if $oldIE == 1 {
      @return rgb(red($hex), green($hex), blue($hex));
    } @else {
      @return rgba(red($hex), green($hex), blue($hex), $alpha);

jakebresnehan

<?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>ANSIBrightBlackColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OViRjbGFzc1xOU0NvbG9yU3BhY2VVTlNSR0KAAhAC
	TxAnMC40NTg4MjM1NjE3IDAuNDQzMTM3Mjg4MSAwLjM2ODYyNzQ1ODgA0hAREhNaJGNs
	YXNzbmFtZVgkY2xhc3Nlc1dOU0NvbG9yohIUWE5TT2JqZWN0XxAPTlNLZXllZEFyY2hp

jakebresnehan

hub pull-request -i <issue-id-number> -h <gh-account>:<branch-name>