react-awesome-modal
Version:
This is a React Modal Component.
58 lines (57 loc) • 1.44 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
'mask': {
'position': 'fixed',
'top': 0,
'left': 0,
'width': '100%',
'height': '100%',
'backgroundColor': 'rgba(0, 0, 0, 0.7)',
'zIndex': 10001
},
'maskHidden': {
'display': 'none'
},
'container': {
'position': 'fixed',
'top': 0,
'left': 0,
'width': '100%',
'height': '100%',
'display': 'flex',
'justifyContent': 'center',
'alignItems': 'center',
'zIndex': 10000
},
'containerHidden': {
'position': 'fixed',
'top': 0,
'left': 0,
'width': '100%',
'height': '100%',
'display': 'flex',
'justifyContent': 'center',
'alignItems': 'center',
'zIndex': -1
},
'panel': {
'backgroundColor': '#fff',
'borderRadius': '5px',
'boxSizing': 'border-box',
'boxShadow': '0 2px 4px rgba(0, 0, 0, 0.3)',
'transform': 'translate3d(0, 0, 0)',
'transition': 'transform 500ms cubic-bezier(0, 0, 0.25, 1), opacity 500ms cubic-bezier(0, 0, 0.25, 1)',
'zIndex': 10002
},
'panelHidden': {
'transform': 'translate3d(0, 100px, 0)',
'opacity': 0,
'zIndex': -1,
'height': 0,
'width': 0,
'overflow': 'hidden'
}
};