jayjo

/**
 * The first commented line is your dabblet’s title
 */
 
 /* Green Button */
 
 body { background-color: #000; 
 }

.green-button {

jayjo

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

/* Value Prop Input */ 

body {
	background: #3D3422;
}

jayjo

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

/* Cozy Value Prop Form */
html, body {
	width: 100%;
	height: 100%;
	background: #3f301a; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #3f301a 0%, #362918 100%); /* FF3.6+ */

jayjo

/**
 * Super Sweet Gray Button
 */

body { background: #FFF; padding: 40px;}

.button {
	position: relative;
	padding: .70em 1.25em;
	display: inline-block;

jayjo

/**
 * White Text Input
 */

body {
	background: #f2f2f2;
}

input[type=text] {
	outline: none;

jayjo

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

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

jayjo

/**
 * Green Cozy Button
 */

body {padding: 50px; }

.button {
margin: 20px;  
padding: .75em 1.5em; 
border: 1px solid #006158; 

jayjo

/**
 * Green Cozy Button
 */

body {padding: 50px; -webkit-font-smoothing: antialiased;}

.centered {
	text-align: center;
}

jayjo

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

.bar.bar {color: orange;}

.foo .bar {
color: red;
}

jayjo

/************* ANIMATIONS ************/
@-webkit-keyframes growth {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1.1);