_misc-extend.scss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // Text Border
  2. $text-border-bg-color: rgba($secondary,.5) !default;
  3. $text-border-bg-color-before: linear-gradient(90deg,transparent,rgba(117,117,117,.4),rgba(117,117,117,.4)) !default;
  4. $text-border-bg-color-after: linear-gradient(90deg,rgba(117,117,117,.4),rgba(117,117,117,.4),transparent) !default;
  5. $text-border-display: inline-block !default;
  6. $text-border-width: 30% !default;
  7. $text-border-height: 1px !default;
  8. $text-border-position: relative !default;
  9. $text-border-vertical-align: middle !default;
  10. $text-border-before-right: .5em !default;
  11. $text-border-before-ml: -50% !default;
  12. $text-border-after-left: $text-border-before-right !default;
  13. $text-border-after-mr: $text-border-before-ml !default;
  14. // Header Shapes
  15. $shape-1-width: 55% !default;
  16. $shape-1-left: 15% !default;
  17. $shape-2-width: 35% !default;
  18. $shape-2-left: 20% !default;
  19. $shape-3-width: 50% !default;
  20. $shape-3-left: -28rem !default;
  21. $shape-img-1-right: 7% !default;
  22. $shape-img-1-width: 36% !default;
  23. $shape-img-1-margin-top: 12% !default;
  24. $shape-img-2-left: 24% !default;
  25. $shape-img-2-width: 27% !default;
  26. $shape-img-2-margin-top: 10% !default;
  27. // Comming Soon page
  28. $coming-rotate-transform: rotate(20deg) !default;
  29. // Tilt Animation
  30. $tilt-transform-style: preserve-3d !default;
  31. $tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;
  32. $tilt-transform-up-transition: all 0.5s !default;
  33. // Round Slider
  34. $round-slider-m-width: 200px !default;
  35. $round-slider-scale-m-width: 300px !default;
  36. $round-slider-transition: all .5s ease-out 0s !default;