style.css

$widget-width: 200px;
$widget-height: 200px;
$widget-gutter: 0px;
$columns: 3;

* {
  box-sizing: border-box;
}
.packery-drop-placeholder {
  outline: 3px dashed hsla(0, 0%, 0%, 0.5);
  outline-offset: -6px;
  -webkit-transition: -webkit-transform 0.2s;
          transition: transform 0.2s;
}

.oxy-card-title {
  display:block;
  height: 40px;
  cursor: move;
  span {
    cursor: default;
    display:inline-block;
  }

 
}

.oxy-card-content {
  height: $widget-height;
}

.collapsed .oxy-card-content {
  display: none;
}
.grid {
  width: ($widget-width * $columns + $widget-gutter * ($columns - 1));
}

.grid-item {
  float: left;
  width: $widget-width;
}
.grid-item.twox {
  width: $widget-width * 2 + $widget-gutter;
}

.oxy-card .oxy-card-title {
  border-bottom: 1px solid hsla(0, 0%, 63%, .2);
  color: #00529b;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 800;
  margin: 0;
  padding: .625rem;
  text-transform: uppercase;
}

.oxy-card .oxy-card-content {
  padding: 10px;
}

/*****************/
.grid {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14),
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}

.demo--containment__container {
    top: -2.4em;
    height: 250px;
    padding: 15px 2.5%;
    border-radius: 10px;
    border: 6px solid #FA0;
  }