CodeSolutionsProject/Modalizer.js
2
0
Fork 0
mirror of https://github.com/jlgarridol/Modalizer.js.git synced 2026-02-15 01:21:38 +01:00
Code Issues Releases Wiki Activity

Add dist

Browse Source
This commit is contained in:
José Luis Garrido Labrador
2020-08-29 19:49:51 +02:00
parent ffbfc08b31
commit b18ce78ee2
5 changed files with 394 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
dist/css/modalizer.css vendored Normal file
View File

@@ -0,0 +1,103 @@
/*!
* Modalizer.js v1.0.0 modalizerjs.jlgarridol.com
* Copyright 2011-2020 José Luis Garrido-Labrador
* Licensed under MIT (https://github.com/jlgarridol/modalizerjs/blob/main/LICENSE)
*/
body {
overflow-x: hidden;
overflow-y: scroll !important;
}
.modal{
padding-right: 0px !important;
}
.modal-backdrop.show{
display: none;
}
.MOD_supreme-container.modal-open{
filter:blur(.5rem);
}
.modal-content{
border: 0px !important;
}
.modal-optionable{
z-index: 3000000000;
background-color: rgba(0,0,0,0.5);
padding: 0 !important;
}
.modal-optionable > .modal-dialog {
--animate-duration: 0.5s;
}
.modal-optionable .modal-dialog {
-webkit-transform: translate(0);
-moz-transform: translate(0);
transform: translate(0);
}
.modal-dialog.fullscreen {
width: 100% !important;
height: 100% !important;
max-height: -moz-fit-content !important;
min-height: -moz-fit-content !important;
max-height: fit-content !important;
min-height: fit-content !important;
margin: 0 !important;
padding: 0 !important;
max-width:none !important;
background-color: var(--white);
opacity: 1;
}
.modal-content.fullscreen {
height: auto !important;
min-height: 100% !important;
border-radius: 0 !important;
}
.modal-header.fullscreen {
border-bottom: 1px solid #9ea2a2 !important;
}
.modal-footer.fullscreen {
border-top: 1px solid #9ea2a2 !important;
}
@media (max-width: 576px) {
.modal-dialog.fullscreen-sm {
width: 100% !important;
height: 100% !important;
max-height: -moz-fit-content !important;
min-height: -moz-fit-content !important;
max-height: fit-content !important;
min-height: fit-content !important;
margin: 0 !important;
padding: 0 !important;
max-width:none !important;
}
.modal-content.fullscreen-sm {
height: auto !important;
min-height: 100% !important;
max-height: 100% !important;
border-radius: 0 !important;
}
.modal-header.fullscreen-sm {
border-bottom: 1px solid #9ea2a2 !important;
}
.modal-footer.fullscreen-sm {
border-top: 1px solid #9ea2a2 !important;
}
}