jiti-meet/css/modals/feedback/_feedback.scss

99 lines
2.1 KiB
SCSS
Raw Normal View History

2016-09-13 16:15:07 +00:00
@-webkit-keyframes shake-rotate {
0% {
-webkit-transform:scale(1) rotate(0deg);
transform:scale(1) rotate(0deg)
}
2015-11-05 17:27:26 +00:00
2016-09-13 16:15:07 +00:00
50% {
-webkit-transform:scale(.8) rotate(-5deg);
transform:scale(.8) rotate(-5deg)
}
to {
-webkit-transform:scale(1) rotate(3deg);
transform:scale(1) rotate(3deg)
}
2015-11-05 17:27:26 +00:00
}
2016-09-13 16:15:07 +00:00
@keyframes shake-rotate {
0% {
-webkit-transform:scale(1) rotate(0deg);
transform:scale(1) rotate(0deg)
}
50% {
-webkit-transform:scale(.8) rotate(-5deg);
transform:scale(.8) rotate(-5deg)
}
to {
-webkit-transform:scale(1) rotate(3deg);
transform:scale(1) rotate(3deg)
}
2015-11-05 17:27:26 +00:00
}
2016-09-13 16:15:07 +00:00
.shake-rotate {
2016-09-14 15:11:53 +00:00
display: inline-block;
2016-09-13 16:15:07 +00:00
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: shake-rotate;
animation-name: shake-rotate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
2015-11-05 17:27:26 +00:00
}
.feedback-dialog {
.details {
textarea {
min-height: 100px;
2016-09-27 02:15:24 +00:00
}
}
.input-control {
background-color: $feedbackInputBg;
color: $feedbackInputTextColor;
&::-webkit-input-placeholder {
color: $feedbackInputPlaceholderColor;
}
&::-moz-placeholder { /* Firefox 19+ */
color: $feedbackInputPlaceholderColor;
}
&:-ms-input-placeholder {
color: $feedbackInputPlaceholderColor;
}
}
.rating {
line-height: 1.2;
margin-top: 10px;
text-align: center;
2016-09-13 16:15:07 +00:00
.star-label {
font-size: 14px;
height: 16px;
}
.star-btn {
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 34px;
outline: none;
position: relative;
text-decoration: none;
@include transition(all .2s ease);
&.active,
&:hover,
&.starHover {
color: #36B37E;
};
2016-09-14 15:11:53 +00:00
}
}
}