A Pen by Joe Watkins.

A-Pen-by-Joe-Watkins.markdown

A Pen by Joe Watkins

A Pen by Joe Watkins on CodePen.

License.

script.js

var alert = $('p.message'),
    msgPass = 'Your web browser supports Drag and Drop',
    msgFail = 'Your web browser does not support Drag and Drop',
    passClassName = 'pass',
    failClassName = 'fail';

if(supportsDragAndDrop){
  createMsg('pass',msgPass);
}

function supportsDragAndDrop(){
  var div = document.createElement('div');
  return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
}

function createMsg(className,msg){
  $('body').prepend('<p class="'+className+'">'+msg+'</p>');
}

style.scss

@import "compass";
body {
  margin:15px;
  font: normal 1em/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

$pass: #DFF0D8;
$fail: #F2DEDE;

@mixin alert($color){
  background:$color;
  border:solid 2px darken($color,10%);
}

p {
  padding:10px;
  &.pass {
    @include alert($pass);
  }
  &.fail {
    @include alert($fail);
  }
}