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

127 lines
3.3 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.aui-dialog2{
.aui-dialog2{
&-header {
2016-10-18 13:22:56 +00:00
background-color: $feedbackContentBg;
border-bottom-color: transparent;
padding-top: 30px;
h2 {
2016-10-18 13:22:56 +00:00
color: $feedbackTextColor;
text-align: center;
}
2016-09-27 02:15:24 +00:00
}
2016-09-13 16:15:07 +00:00
&-content {
2016-10-18 13:22:56 +00:00
background-color: $feedbackContentBg;
text-align: center;
padding: 10px 40px 20px 40px;
2016-11-15 14:37:09 +00:00
.input-control {
background-color: $feedbackInputBg;
color: $feedbackInputTextColor;
2016-10-18 13:22:56 +00:00
2016-11-15 14:37:09 +00:00
&::-webkit-input-placeholder {
color: $feedbackInputPlaceholderColor;
}
&::-moz-placeholder { /* Firefox 19+ */
color: $feedbackInputPlaceholderColor;
}
&:-ms-input-placeholder {
color: $feedbackInputPlaceholderColor;
2016-10-18 13:22:56 +00:00
}
}
.rating {
line-height: 1.2;
text-align: center;
margin-top: 10px;
2016-09-13 16:15:07 +00:00
.star-label {
height: 16px;
font-size: 14px;
2016-10-18 13:22:56 +00:00
color: $rateStarLabelColor;
2016-09-14 15:11:53 +00:00
}
.star-btn {
2016-10-18 13:22:56 +00:00
display: inline-block;
color: $rateStarDefault;
font-size: $rateStarSize;
position: relative;
cursor: pointer;
outline: none;
text-decoration: none;
@include transition(all .2s ease);
&.starHover,
&.active,
&:hover {
color: $rateStarActivity;
};
2016-09-14 15:11:53 +00:00
}
}
.details {
padding-left: 60px;
padding-right: 60px;
margin-top: 20px;
textarea {
min-height: 100px;
}
}
}
&-footer {
2016-10-18 13:22:56 +00:00
background-color: $feedbackContentBg;
border-top-color: transparent;
.button-control {
color: $feedbackCancelFontColor;
}
2016-09-14 15:11:53 +00:00
}
}
}