Katello/katello

//katello specific mixins

@mixin column-count($c) {
  -moz-column-count: $c;
  -o-column-count: $c;
  -webkit-column-count: $c;
  column-count: $c;
}

@mixin column-gap($g) {
  -moz-column-gap: $g;
  -o-column-gap: $g;
  -webkit-column-gap: $g;
  column-gap: $g;
}

@mixin background-size($size) {
  -webkit-background-size: $size;
  -o-background-size: $size;
  -moz-background-size: $size;
  background-size: $size;
}


@mixin crumb-disable-hover {
  &:hover {
    background: $breadcrumbbg_color !important;
    color: #000;
    text-shadow: none;

    &:after { border-left-color: $breadcrumbbg_color !important; }
  }
}

@mixin crumb-disable-hover-selected {
  &:hover {
    background: $listhover_color !important;
    color: $white_color;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    &:after {
      border-left-color: $listhover_color !important;
    }
  }
}

@mixin crumb-nohover {
  .crumb-nohover {
    // crumb without any hover effect (color, cursor...etc)
    cursor: default;
    @include crumb-disable-hover;
  }
  .crumb-nohover-selected {
    // a selected crumb without any hover effect (color, cursor...etc)
    cursor: default;
    @include crumb-disable-hover-selected;
  }
  .crumb-editable {
    // a crumb that is editable... hover effect disabled, but cursor will be a hand
    @include crumb-disable-hover;
  }
  .crumb-editable-selected {
    // a selected crumb that is editable... hover effect disabled, but cursor will be a hand
    @include crumb-disable-hover-selected;
  }
}