main.css
.plugin-container h2 { color: #ccc; } .plugin-container .counter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .plugin-container .counter-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .plugin-container .counter-wrapper .display { height: 135px; background-color: #ccc; margin-right: 1rem; padding: 1rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media (max-width: 767px) { .plugin-container .counter-wrapper .display { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0rem; margin-bottom: 1rem; } } .plugin-container .counter-wrapper .display p { margin-bottom: 1rem; } .plugin-container .counter-wrapper .increase { height: 135px; margin-left: 1rem; background-color: #ccc; padding: 1rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media (max-width: 767px) { .plugin-container .counter-wrapper .increase { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0rem; margin-top: 1rem; } } .plugin-container .counter-wrapper .increase p { margin-bottom: 1rem; } .plugin-container .counter-wrapper .increase .inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .plugin-container .counter-wrapper .increase .inputs input { width: 100%; } .plugin-container .counter-wrapper .increase .inputs button { padding: 5px; } .plugin-container .counter-wrapper .increase .inputs button img { width: 20px; height: 20px; } /*# sourceMappingURL=main.css.map */