File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/modules/ui/install/js/ui/vue3/components/reactions/dist/reactions.bundle.css
Back
.ui-vue-reactions { display: flex; white-space: nowrap; } .ui-vue-reactions * { box-sizing: content-box!important; } .ui-vue-reactions-result { background-color: #fff; border: 1px solid rgba(0,0,0,.14); border-radius: 10px; padding: 0 2px; display: flex; } .ui-vue-reactions-result-active { cursor: pointer; } .ui-vue-reactions-result-types { display: inline-block; height: 19px; vertical-align: top; line-height: 13px; } .ui-vue-reactions-result-type { display: inline-block; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; position: relative; background-size: cover; } .ui-vue-reactions-result-type + .ui-vue-reactions-result-type { margin-left: -5px; } .ui-vue-reactions-result-counter { display: inline-block; height: 19px; font: 10px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); color: #484848; vertical-align: top; margin-right: 5px; margin-left: 2px; background-color: rgba(255,255,255,.5); z-index: 10; } .ui-vue-reactions-button { display: inline-block; height: 21px; width: 21px; margin-left: 4px; } .ui-vue-reactions-button-container { display: inline-block; height: 29px; width: 52px; margin-top: -4px; margin-left: -17px; box-sizing: border-box; padding-top: 4px; padding-left: 17px; cursor: pointer; } .ui-vue-reactions-button-icon { display: inline-block; height: 19px; width: 19px; border: 1px solid #fff; border-radius: 50%; background-size: cover; vertical-align: top; } .ui-vue-reactions-button-icon.ui-vue-reactions-icon-none { border-color: rgba(0,0,0,.14); } .ui-vue-reactions-button-press-enter-active, .ui-vue-reactions-button-press-leave-active { transition: opacity .5s; } .ui-vue-reactions-button-press-enter-from, .ui-vue-reactions-button-press-leave-to { opacity: 0; } .ui-vue-reactions-button-pressed { animation: ui-vue-reactions-button-pressed .4s 1; } @keyframes ui-vue-reactions-button-pressed { 0% { transform: scale(1); } 20% { transform: scale(2); } 100% { transform: scale(1); } } .ui-vue-reactions-result-type-animation-enter-active, .ui-vue-reactions-result-type-animation-leave-active { transition: all .4s; margin-right: 0; } .ui-vue-reactions-result-type-animation-enter-from, .ui-vue-reactions-result-type-animation-leave-to { margin-right: -14px; } .ui-vue-reactions-result-type:last-child.ui-vue-reactions-result-type-animation-leave-active { opacity: 1; } .ui-vue-reactions-result-type:last-child.ui-vue-reactions-result-type-animation-leave-to { opacity: 0; } .ui-vue-reactions-result-animation-enter-active, .ui-vue-reactions-result-animation-leave-active { transition: opacity .7s; } .ui-vue-reactions-result-animation-enter-from, .ui-vue-reactions-result-animation-leave-to { opacity: 0; } .ui-vue-reactions-mobile .ui-vue-reactions-result-types { height: 24px; } .ui-vue-reactions-mobile .ui-vue-reactions-result-type { width: 20px; height: 20px; } .ui-vue-reactions-mobile .ui-vue-reactions-result-type + .ui-vue-reactions-result-type { margin-left: -5px; } .ui-vue-reactions-mobile .ui-vue-reactions-result-counter { height: 24px; font-size: 14px; line-height: 24px; margin-left: 4px; } .ui-vue-reactions-mobile .ui-vue-reactions-button { height: 26px; width: 26px; } .ui-vue-reactions-mobile .ui-vue-reactions-button-container { display: inline-block; height: 29px; width: 52px; margin-top: -4px; margin-left: -17px; box-sizing: border-box; padding-top: 4px; padding-left: 17px; cursor: pointer; } .ui-vue-reactions-mobile .ui-vue-reactions-button-icon { height: 24px; width: 24px; } .ui-vue-reactions-mobile .ui-vue-reactions-result-type-animation-enter, .ui-vue-reactions-mobile .ui-vue-reactions-result-type-animation-leave-to { margin-right: -19px; } .ui-vue-reactions-icon-none { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%28-1%20-1%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20opacity%3D%22.14%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22/%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2210%22/%3E%3Cpath%20d%3D%22M15.5666%209.2532l-2.5065.0005c-.0722%200-.142-.0417-.169-.108a1.1373%201.1373%200%200%201%20.0153-.8807%203.2343%203.2343%200%200%200%20.0682-1.8753c-.1703-.425-.2155-1.2017-1.0014-1.2375a.8105.8105%200%200%200-.5842.3996c-.022.0383-.0314.0834-.0314.1271.024.5027.024.9288%200%201.2783-.0361.5243-1.0392%201.8596-1.677%202.7074a.2487.2487%200%200%201-.1634.0996c-.239.0358-.6951.0965-.8595.1182-.0385.005-.061.0534-.061.076v4.756c0%20.0175.0211.0557.0587.0619.1287.0212.4508.0801.7759.1847.4084.131.7486.4413%201.4295.671a.3565.3565%200%200%200%20.1134.0187h3.1973c.4128-.0736.7201-.4266.7412-.8503a1.569%201.569%200%200%200-.1379-.6843c-.0137-.0309.0044-.0633.0378-.0697.41-.0746.9224-.8527.2911-1.4796-.0167-.0162-.0137-.0383.0088-.0442.3481-.0888.6147-.3667.6962-.7132.0314-.1326.02-.2696-.0192-.3996a1.3566%201.3566%200%200%200-.2175-.43c-.0245-.0325-.0108-.0747.0285-.0875.3466-.1173.5852-.4486.5827-.8257.0398-.3696-.2572-.8129-.6166-.8134zm-7.9512.2003h-1.812c-.0942%200-.1658.0834-.1496.1743l1.0525%205.913a.192.192%200%200%200%20.19.157h.67c.1036%200%20.1876-.082.1876-.183l.0147-5.911c0-.083-.0683-.1503-.1532-.1503%22%20fill%3D%22%23B9BFC3%22/%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.25 |
proxy
|
phpinfo
|
Settings