mixin.scss 448 B

1234567891011121314151617181920212223
  1. @mixin croix_or {
  2. &:after{
  3. // width: 100%;
  4. height: 2rem;
  5. margin-top: 0.5rem;
  6. content: " ";
  7. display: block;
  8. background: url($croix_or);
  9. background-repeat: repeat-x;
  10. background-size: auto auto;
  11. }
  12. }
  13. @mixin shadow{
  14. box-shadow: none;
  15. transition: 0.3s transform ease, 0.3s box-shadow ease;
  16. &:hover{
  17. transform: scale(1.05);
  18. transition: 0.3s all ease;
  19. box-shadow: 0px 0px 13px 0px $color2;
  20. }
  21. }