ddprrt

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

span::before {
border-left: 20px solid transparent;
border-top: 20px solid blue;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
content: "";

ddprrt

/**
 * The first commented line is your dabblet’s title
 */
html, body { height: 100%; } 

body {
	background: black;
	color: red;
	font-family: sans-serif;
	text-align: center;

ddprrt

'use strict';

module.exports = function (grunt) {
    // show elapsed time at the end
    require('time-grunt')(grunt);
    // load all grunt tasks
    require('jit-grunt')(grunt);

    grunt.initConfig({
        watch: {

ddprrt

@color: blue;

.mymixin() {
	background-color: @color;
  box-shadow+: inset 2px 2px 10px @color;
}

.myclass {
	.mymixin;
  box-shadow+: 10px 10px 0 black;

ddprrt

@color: blue;

.mymixin() {
	background-color: @color;
  box-shadow+: inset 2px 2px 10px @color;
}

.myclass {
	.mymixin;
  box-shadow+: 10px 10px 0 black;

ddprrt

@myfirstvar: #c0ffee;

@hslvar: hsl(hue(@myfirstvar), 1, 0.3);

.superclass {
	background-color: @hslvar;  
  color: @myfirstvar;
  
  a {
    text-decoration: underline;

ddprrt

.myclass {
  border-right: 1px;
}

.theme .myclass {
	border-left: 1px;
}

.superclass:extend(.myclass all) {}

ddprrt

// Normal

.create-buffer(@n: 10) {
  .width-@{n} {
  	width: @n * 1px;
  }
  @m1: @n*2;
  .width-@{m1} {
  	width: @m2 * 1px;
  }

ddprrt

p, li, figure, h1, h2, h3, h4 {
	& + & {
  	margin-top: 1em;  
  }
}

ddprrt

'use strict';

module.exports = function(grunt) {

	grunt.loadNpmTasks('grunt-contrib-sass');
	grunt.loadNpmTasks('grunt-contrib-less');
	require('time-grunt')(grunt);

	grunt.initConfig({
		sass: {