UNPKG

@vtx/cs-map

Version:

React components for Vortex

43 lines (42 loc) 1.21 kB
.cs-map-tools-modal { position: absolute; top: 0; right: 0; -webkit-transform: translateX(calc(100% + 12px)); -ms-transform: translateX(calc(100% + 12px)); transform: translateX(calc(100% + 12px)); min-width: 380px; background: rgba(0, 35, 65, 0.9); padding: 0; margin: 0; -webkit-box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset; box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset; -webkit-transition: max-height 0.3s; transition: max-height 0.3s; border-radius: 4px; } .cs-map-tools-modal.modal-left { left: 0; -webkit-transform: translateX(calc(-100% - 12px)); -ms-transform: translateX(calc(-100% - 12px)); transform: translateX(calc(-100% - 12px)); } .cs-map-tools-modal .cs-map-tools-modal-title { padding: 12px; font-size: 16px; font-weight: 500; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f0f0f0; } .cs-map-tools-modal .cs-map-tools-modal-content { padding: 12px; }