drublic

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

div {
border-radius: 50%;
height: 200px;
background: #ddd;
width: 200px;
}

drublic

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

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

drublic

.triangle {
  position: relative;
  border-bottom: 1px solid #aaa;
}
.triangle:before,
.triangle:after {
  content: "";
  position: absolute;
  bottom: -15px; /* value = - border-top-width - border-bottom-width */
  left: 30px;

drublic

.triangle:before,
.triangle:after {
  content: "";
  position: absolute;
  bottom: -15px; /* value = - border-top-width - border-bottom-width */
  left: 30px;
  border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #aaa transparent;
}

drublic

.triangle:before,
.triangle:after {
  content: "";
  position: absolute;
  bottom: -15px; /* value = - border-top-width - border-bottom-width */
  left: 30px;
  border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #aaa transparent;
}

drublic

Sublime Text Plugins

• All Autocomplete
• Bower
• Editor Config
• Emmet
• Grunt
• Image2Base64
• LESS

drublic

var tabbableElements = 'a[href], area[href], input:not([disabled]),' +
	'select:not([disabled]), textarea:not([disabled]),' +
	'button:not([disabled]), iframe, object, embed, *[tabindex],' +
	'*[contenteditable]';

var keepFocus = function (context) {
	var allTabbableElements = context.querySelectorAll(tabbableElements);
	var firstTabbableElement = allTabbableElements[0];
	var lastTabbableElement = allTabbableElements[allTabbableElements.length - 1];

drublic

/**
 * Testing Shy
 */

.test-toonarrow {
	width: 3.5rem;
}
.test-fitting {
	width: 4rem;
}

drublic

/**
 * Named Pages - Print style sheets
 */

@page narrow {
	size: 9cm 18cm;
}
@page rotated {
	size: landscape;
}

drublic

/**
 * Fixed content and YouToube iframe in WebKit
 */

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #ddd;