_misc.scss 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. // Horizontal Faded Line
  2. $hr-bg: transparent !default;
  3. $hr-transform: rotate(90deg) !default;
  4. $hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;
  5. $hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;
  6. // Gradient Animation
  7. $gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;
  8. $gradient-animation-bg-size: 400% 400% !default;
  9. // Device Wrapper
  10. $device-wrapper-radius: 3.5rem !default;
  11. $device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;
  12. $device-wrapper-animation: gradient 10s ease infinite !default;
  13. // Nav pills
  14. $nav-pills-link-border-radius: 0.5rem !default;
  15. $nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;
  16. $nav-pills-link-active-padding: 7px 15px !default;
  17. $nav-pills-link-active-margin: 1px !default;
  18. $nav-pills-link-active-animation: .2s ease !default;
  19. // Table Progress
  20. $table-progress-width: 120px !default;
  21. $table-progress-height: 3px !default;
  22. $table-progress-margin: 0 !default;
  23. // Tooltip Arrow
  24. $tooltip-arrow-left: 1px !default;
  25. $tooltip-arrow-right: $tooltip-arrow-left !default;
  26. // Footer Link hover animation
  27. $footer-link-animation: opacity .3 ease !default;
  28. // Blur background
  29. $blur-light-background: rgba(255, 255, 255, 0.4) !default;
  30. $blur-dark-background: rgba(0, 0, 0, 0.3) !default;
  31. // HR w/ opacity
  32. $hr-bg-color: transparent !default;
  33. $hr-width: 1px !default;
  34. $hr-margin: .75rem 0 !default;
  35. $hr-horizontal-bg-image-light: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;
  36. $hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;
  37. $hr-horizontal-bg-image-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;
  38. $hr-vertical-bg-image-light: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;
  39. $hr-vertical-bg-image-dark: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;