@import "~bootstrap/scss/bootstrap.scss";

.widget-container {
  overflow:auto;
  margin-bottom:1rem;
}

.widget {
  position:relative;
  border: 1px solid gray('500');
  user-select: none;
  display:inline-block;
  width:50%;
  overflow:hidden;
  float:left;
}

.widget:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position:absolute;
  width:100%;
  height:100%;
}

.widget:hover {
  background-color: gray('100');
}

.widget-container {
  padding:1rem;
}

.item-container {
  display:block;
  height:100%;
}