_highlights.scss 485 B

1234567891011121314151617181920212223
  1. /* Text highlight */
  2. .text-highlight {
  3. position: relative;
  4. z-index: 1;
  5. span {
  6. display: inline-block;
  7. left:-3px;
  8. position: absolute;
  9. z-index: -1;
  10. width: calc(100% + 6px);
  11. }
  12. }
  13. /* Separator animation */
  14. .separator-animation {
  15. width: 0 !important;
  16. @include prefix(transition, all 1s cubic-bezier(0.165, 0.84, 0.44, 1), webkit);
  17. }
  18. .shadow-in {
  19. .separator-animation {
  20. width: calc(100% + 6px) !important;
  21. }
  22. }