drublic

/**
 * Chrome Canary bug: box-shadow on pseudo-elements 
 */

p:after {
  content: '';
  box-shadow: 0 0 10px green;
}

drublic

@main-font-size: 16px;

.x-rem (@property, @value) {

  // This is a workaround, inspired by https://github.com/borodean/less-properties
  @px-fallback: @value * @main-font-size;
  -: ~`(function () { return ';@{property}: @{px-fallback}'; }())`;
  -: ~`(function () { return ';@{property}: @{value}rem'; }())`;
}

drublic

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

.widget-area {
  margin: 50px -10px 0;
  overflow: hidden;
}

.homewidgets {

drublic

/**
 * Box Model
 */

p {
  width: 300px;
}

drublic

/**
 * New Flexbox - Testing
 */

.parent {
	padding: 10px;
	background: orange;
	width: 300px;

	display: flex;

drublic

/**
 * IE8: Pseudo-elements with images
 */

a {
	position: relative;
	display: block;
}

a:after {

drublic

/**
 * Testing mailto forms
 */

drublic

/**
 * Testing mailto forms
 */

drublic

/**
 * Horizonal centering with position: absolute;
 */

.navigation > li {
	position: relative;
	display: inline;
	background: #eee;
	margin: 0 10px;
	padding: 10px;

drublic

/**
 * Testing CSS' @media as in CSS Conditional Rules
 */

body {
	background: red;
}

@media screen, (min-width: 20000px)  {
	body {