@import "../../vendor/bootstrap/variables.less";
@import "../../vendor/bootstrap/mixins.less";
@import "../include/variables.less";
@import "../include/mixins.less";

/* internal functions */

div.ccm-gathering-item:hover {
  ul.ccm-gathering-item-inline-commands {
    .opacity(1);
  }

  div.ui-resizable-handle {
     background-color: rgba(255,255,255,1);
     .border-top-left-radius(3px);
     .opacity(1);
  }

}

div.ccm-gathering-item-drop-active {
  outline: 2px solid #0c6;
  outline-offset: 5px;
}

.ccm-gathering-resize-helper {
  background-color: #B9E1FF;
  border: 1px solid #6FB0DB;
  .opacity(0.7);
  transition: width 0.1s linear, height 0.1s linear;
  -webkit-transition: width 0.1s linear, height 0.1s linear;
}

ul.ccm-overlay-icon-item-grid-list a.ccm-gathering-item-template-selected {
  border: 1px solid #333;
  background-color: #e9e9e9;
}

div.ccm-gathering-edit {

  div.ui-resizable-handle {
    .opacity(0);
    .transition(opacity 0.1s linear);
  }

  ul.ccm-gathering-item-inline-commands {
    .opacity(0);
    padding: 0px !important;
    margin: 0px !important;
    .transition(opacity 0.1s linear);

    li {
        position: absolute;
        list-style-type: none;
        display: inline-block;
        line-height: 12px !important;
        font-size: 0px;
        padding: 0px !important;
        margin: 0px !important;

        a {
          background: rgba(255,255,255,1);
          color: #333 !important;
          display: inline-block;
          font-weight: lighter;
          line-height: 100% !important;
          text-align: center;
          padding: 5px;
          font-size: 12px;
          color: #666;

          i {
            vertical-align: middle;
          }
        }

        a:hover {
          text-decoration: none !important;
        }

    }

    li.ccm-gathering-item-inline-move {
      top: 0px;
      right: 0px;

      a {
       cursor: move;
       .border-bottom-left-radius(3px);
      }

    }

    li.ccm-gathering-item-inline-options {
      top: 0px;
      left: 0px;

      a {
       .border-bottom-right-radius(3px);
      }

    }


    &.ccm-parent-menu-item-active {
      .opacity(1);
    }

  }

}

div.ccm-gathering-wrapper {
  margin-bottom: 30px;
}

div.ccm-gathering-grid {
  .opacity(0);

  > div.ccm-gathering-item {
    overflow: hidden;
    .box-sizing(border-box);

    div.ccm-gathering-item-inner {
        position: relative;
         .box-sizing(border-box);
        width: 100%;
        height: 100%;

        div.ccm-gathering-item-inner-render {
          .box-sizing(border-box);
          width: 100%;
          height: 100%;
        }
    }

  }
}