Popsu-coloque/web/themes/custom/popsu_colloque/css/mixins/mixin.scss

@mixin croix_or {
  &:after{
    height: 10px;
    margin-top: 0.5rem;
    content: " ";
    display: block;
    background: url($croix_or);
    background-repeat: repeat-x;
    background-size: auto auto;
  }
}

@mixin croix_or_B {
  &:before{
    width: 100px;
    height: 10px;
    margin-top: 0.5rem;
    content: " ";
    display: block;
    background: url($croix_or);
    background-repeat: repeat-x;
    background-size: auto auto;
  }
}


@mixin shadow{
  box-shadow: none;
  transition: 0.3s transform ease, 0.3s box-shadow ease;
  &:hover{
    transform: scale(1.05);
    transition: 0.3s all ease;
    box-shadow: 0px 0px 13px 0px $color2;
  }
}