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

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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. display: inline-block;
  31. -webkit-animation-duration: .4s;
  32. animation-duration: .4s;
  33. -webkit-animation-iteration-count: infinite;
  34. animation-iteration-count: infinite;
  35. -webkit-animation-name: shake-rotate;
  36. animation-name: shake-rotate;
  37. -webkit-animation-timing-function: ease-in-out;
  38. animation-timing-function: ease-in-out
  39. }
  40. .feedback-dialog {
  41. .details {
  42. textarea {
  43. min-height: 100px;
  44. }
  45. }
  46. .input-control {
  47. background-color: $feedbackInputBg;
  48. color: $feedbackInputTextColor;
  49. &::-webkit-input-placeholder {
  50. color: $feedbackInputPlaceholderColor;
  51. }
  52. &::-moz-placeholder { /* Firefox 19+ */
  53. color: $feedbackInputPlaceholderColor;
  54. }
  55. &:-ms-input-placeholder {
  56. color: $feedbackInputPlaceholderColor;
  57. }
  58. }
  59. .rating {
  60. line-height: 1.2;
  61. margin-top: 10px;
  62. text-align: center;
  63. .star-label {
  64. font-size: 14px;
  65. height: 16px;
  66. }
  67. .star-btn {
  68. color: inherit;
  69. cursor: pointer;
  70. display: inline-block;
  71. font-size: 34px;
  72. outline: none;
  73. position: relative;
  74. text-decoration: none;
  75. @include transition(all .2s ease);
  76. &.active,
  77. &:hover,
  78. &.starHover {
  79. color: #36B37E;
  80. };
  81. }
  82. }
  83. }