@mixin transitions($tag) {
  transition: -webkit-$tag 0.4s;
  transition: $tag 0.4s;
  transition: $tag 0.4s, -webkit-$tag 0.4s;
}

// if side navbar has items with submenus, then add the following to the .item-content

@mixin has-menus-arrow {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: auto;
  margin-right: 1.3rem;
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  transform: rotate(-45deg);
}

@mixin dropdown-menu-controller-arrow {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 20px;
  right: 0;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 50% 50%/100% auto;
}

@mixin psudo-divider {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  background: #efefef;
}