@import './index';

.viewIcon
  background-color:  $app['palette']['border-primary']
  color:  $app['palette']['color']['700']
  position: relative;
  float: left;
  width: 10em;
  height: 10em;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;

.viewIcon-name
  margin: 0em;
  padding: 0 0.5em;
  display: block;

.viewIcon-img
  width: 8em;
  height: 8em;
  border: 1px solid  $app['palette']['borderColor']['A100'];


.viewIcon:hover .viewIcon-actions
  display: block;
  position: relative;
  top: -9em;
  padding: 0px;

.viewIcon-actions
  display: none;