You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_feedback.scss 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. @-webkit-keyframes shake-rotate {
  2. 0% {
  3. -webkit-transform:scale(1) rotate(0deg);
  4. transform:scale(1) rotate(0deg)
  5. }
  6. 50% {
  7. -webkit-transform:scale(.8) rotate(-5deg);
  8. transform:scale(.8) rotate(-5deg)
  9. }
  10. to {
  11. -webkit-transform:scale(1) rotate(3deg);
  12. transform:scale(1) rotate(3deg)
  13. }
  14. }
  15. @keyframes shake-rotate {
  16. 0% {
  17. -webkit-transform:scale(1) rotate(0deg);
  18. transform:scale(1) rotate(0deg)
  19. }
  20. 50% {
  21. -webkit-transform:scale(.8) rotate(-5deg);
  22. transform:scale(.8) rotate(-5deg)
  23. }
  24. to {
  25. -webkit-transform:scale(1) rotate(3deg);
  26. transform:scale(1) rotate(3deg)
  27. }
  28. }
  29. .shake-rotate {
  30. -webkit-animation-duration: .4s;
  31. animation-duration: .4s;
  32. -webkit-animation-iteration-count: infinite;
  33. animation-iteration-count: infinite;
  34. -webkit-animation-name: shake-rotate;
  35. animation-name: shake-rotate;
  36. -webkit-animation-timing-function: ease-in-out;
  37. animation-timing-function: ease-in-out
  38. }
  39. .text-center {
  40. text-align: center;
  41. }
  42. .feedbackDetails textarea {
  43. resize: vertical;
  44. min-height: 100px;
  45. }
  46. .feedback-rating {
  47. line-height: 1.2;
  48. padding: 20px 0;
  49. h2 {
  50. font-weight: 400;
  51. font-size: 24px;
  52. line-height: 1.2;
  53. padding: auto;
  54. margin: auto;
  55. border: none;
  56. }
  57. p {
  58. margin-top: 10px;
  59. margin-left: 0px;
  60. margin-bottom: 0px;
  61. margin-right: 0px;
  62. }
  63. .star-label {
  64. font-size: 16px;
  65. color: $rateStarLabelColor;
  66. }
  67. .star-btn {
  68. color: $rateStarDefault;
  69. font-size: 36px;
  70. position: relative;
  71. cursor: pointer;
  72. outline: none;
  73. text-decoration: none;
  74. @include transition(all .2s ease);
  75. &.starHover,
  76. &.active,
  77. &:hover {
  78. color: $rateStarActivity;
  79. .fa {
  80. top: -6px;
  81. }
  82. };
  83. &.rated:hover .fa {
  84. top: 0;
  85. }
  86. .fa {
  87. position: relative;
  88. }
  89. }
  90. }