@media (max-width:2025px) {
.reactify-documentation-icon i {
font-size: 30px !important;
}
}
@media (max-width:1450px) {
.reactify_settings_title {
font-size: 11px;
padding: 0px;
}
.reactify-dashboard-container {
margin: 20px 15px 0px 0px;
}
.reactify-dashboard-container .reactify-documentation-image {
width: 10%;
}
.reactify-react-emoji-wrapper,
#reactify-emojis-container,
.reactify-react-emoji-wrapper {
gap: 12px;
margin: 20px 0px 20px;
}
.reactify-dashborad-emoji-wrap img {
width: 70%;
margin: 0 auto 30px;
}
.reactify-description {
font-size: 12px;
}
.reactify-emoji-popup-wrapper .emoji-radio-option {
padding: 10px 8px;
margin: 10px 4px;
}
.reactify-react-percentage::after,
.reactify-react-count::after {
bottom: -25%;
}
}
@media (max-width:1025px) {
.reactify-react-emoji,
.reactify-emoji-metabox {
width: 12%;
}
.reactify-emoji-popup-wrapper .emoji-radio-option {
margin: 10px 6px;
}
.reactify-switch-title {
font-size: 13px;
}
.reactify_settings_title,
.reactify-switch-wrap,
.reactify-reaction-post-title,
.reactify-reaction-type,
.reactify-save-button {
font-size: 13px;
gap: 0px;
}
}
@media (max-width:768px) {
.reactify-wraper {
display: block;
}
.reactify-react-emoji-wrapper,
#reactify-emojis-container,
.reactify-react-emoji-wrapper {
gap: 10px;
}
.reactify-react-emoji,
.reactify-emoji-metabox {
width: 28%;
}
}
@media (max-width:660px) {
.reactify-react-emoji,
.reactify-emoji-metabox {
width: 40%;
}
.reactify-react-emoji-wrapper,
#reactify-emojis-container,
.reactify-react-emoji-wrapper {
gap: 14px;
}
.wp-react-container .add-emoji-btn {
right: 2px;
}
.reactify-dashboard-container .reactify-features-wrapper {
grid-template-columns: 100%;
}
.reactify-dashboard-container .reactify-reaction-container {
margin-bottom: 30px;
}
.reactify-dashboard-title {
line-height: 1.5;
}
}