framework7/lazy-components/sortable.rtl.css

Full featured mobile HTML framework for building iOS & Android apps

.sortable .sortable-handler{position:absolute;top:0;bottom:1px;z-index:10;background-repeat:no-repeat;background-size:18px 12px;opacity:0;pointer-events:none;cursor:move;-webkit-transition-duration:.3s;transition-duration:.3s;left:0;background-position:0% 50%}.sortable .item-inner{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable li.sorting{z-index:50;background:rgba(255,255,255,.8);-webkit-transition-duration:0s;transition-duration:0s}.sortable li.sorting .item-inner:after{display:none!important}.sortable-sorting li{-webkit-transition-duration:.3s;transition-duration:.3s}.sortable-enabled .sortable-handler{pointer-events:auto;opacity:1;background-position:50% 50%}.sortable-enabled .item-link .item-inner,.sortable-enabled .item-link .item-title-row{background-image:none!important}.sortable.theme-dark li.sorting,.theme-dark .sortable li.sorting{background-color:rgba(50,50,50,.8)}.ios .sortable-handler{width:35px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E")}.ios .sortable li.sorting{-webkit-box-shadow:0px 2px 8px rgba(0,0,0,.6);box-shadow:0px 2px 8px rgba(0,0,0,.6)}.ios .sortable-enabled .item-inner,.ios .sortable-enabled .item-link .item-inner{padding-left:35px}.ios .list.sortable-enabled .item-link.no-chevron .item-inner,.ios .list.sortable-enabled .no-chevron .item-link .item-inner,.ios .list.sortable-enabled.no-chevron .item-link .item-inner,.ios .no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:35px}@media (orientation:landscape){.ios.device-iphone-x .ios-edges .sortable-handler,.ios.device-iphone-x .ios-left-edge .sortable-handler,.ios.device-iphone-x .panel-left .sortable-handler,.ios.device-iphone-x .popup .sortable-handler,.ios.device-iphone-x .sheet-modal .sortable-handler{left:constant(safe-area-inset-left);left:env(safe-area-inset-left)}.ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.ios.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-left:calc(35px + constant(safe-area-inset-right));padding-left:calc(35px + env(safe-area-inset-right))}}.md .sortable-handler{width:50px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%208'%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3Crect%20x%3D'0'%20y%3D'6'%20width%3D'18'%20height%3D'2'%20fill%3D'%23c7c7cc'%3E%3C%2Frect%3E%3C%2Fsvg%3E")}.md .sortable li.sorting{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.md .sortable-enabled .item-inner,.md .sortable-enabled .item-link .item-inner{padding-left:50px}.md .list.sortable-enabled .item-link.no-chevron .item-inner,.md .list.sortable-enabled .no-chevron .item-link .item-inner,.md .list.sortable-enabled.no-chevron .item-link .item-inner,.md .no-chevron .list.sortable-enabled .item-link .item-inner{padding-left:50px}@media (orientation:landscape){.md.device-iphone-x .ios-edges .sortable-handler,.md.device-iphone-x .ios-left-edge .sortable-handler,.md.device-iphone-x .panel-left .sortable-handler,.md.device-iphone-x .popup .sortable-handler,.md.device-iphone-x .sheet-modal .sortable-handler{left:constant(safe-area-inset-left);left:env(safe-area-inset-left)}.md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-edges .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .ios-left-edge .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .panel-left .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .popup .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner,.md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-inner,.md.device-iphone-x .sheet-modal .sortable-enabled:not(.inset):not(.tablet-inset):not(.no-ios-edges):not(.no-ios-right-edge) .item-link .item-inner{padding-left:calc(42px + constant(safe-area-inset-right));padding-left:calc(42px + env(safe-area-inset-right))}}