body.test-runner {
font: 10px Ahem;
}
article {
position: relative;
overflow: hidden;
}
/* a needs to precede .dragged, because the cursor rules depend on the .dragged
block being more specific than the a block. */
a {
display: block;
/* Intended to help manual testers not accidentally drag the text when we
expect them to drag the containing box. */
cursor: not-allowed;
}
.box {
display: block;
border: 1px solid black;
width: 150px;
height: 100px;
margin: 10px;
float: left;
}
.dragged {
background-color: hsla(120, 50%, 70%, 1);
cursor: pointer;
}
.dropzone {
border-style: dashed;
}