mirror of
https://github.com/a2nt/webpack-bootstrap-ui-kit.git
synced 2024-10-22 11:05:45 +02:00
Package integration improvement
This commit is contained in:
Tony Air
parent
077b2df39c
commit
155493b87b
386
dist/css/main.css
vendored
386
dist/css/main.css
vendored
@ -14143,7 +14143,7 @@ a.text-dark:focus {
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav:hover {
|
||||
color: #007bff;
|
||||
color: #0a6ebd;
|
||||
opacity: 1;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
@ -14161,7 +14161,7 @@ a.text-dark:focus {
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-close:focus {
|
||||
color: #007bff;
|
||||
color: #0a6ebd;
|
||||
opacity: 1;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
@ -14180,94 +14180,7 @@ a.text-dark:focus {
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
@media (max-width: 641px) {
|
||||
.meta-lightbox-wrap {
|
||||
top: 5px !important;
|
||||
bottom: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav {
|
||||
height: 100%;
|
||||
opacity: 1;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav .fa {
|
||||
margin-left: -.4em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-close {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default.meta-lightbox-overlay {
|
||||
background: #666;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav {
|
||||
top: 10%;
|
||||
width: 8%;
|
||||
height: 80%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
opacity: 0.5;
|
||||
color: #fff;
|
||||
font-size: 3em;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0 #000;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav .fa {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -1em;
|
||||
margin-left: -0.2em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav:hover {
|
||||
color: #007bff;
|
||||
opacity: 1;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-close {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 2em;
|
||||
text-shadow: 1px 1px 0 #000;
|
||||
text-align: center;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-close:focus {
|
||||
color: #007bff;
|
||||
opacity: 1;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-title {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
padding: 7px 15px;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-ajax,
|
||||
.meta-lightbox-theme-default .meta-lightbox-inline {
|
||||
background: #fff;
|
||||
padding: 2em;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
@media (max-width: 641px) {
|
||||
@media (max-width: 576px) {
|
||||
.meta-lightbox-wrap {
|
||||
top: 5px !important;
|
||||
bottom: 5px;
|
||||
@ -15515,5 +15428,298 @@ h6,
|
||||
}
|
||||
}
|
||||
|
||||
.meta-lightbox-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99998;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.meta-lightbox-overlay.meta-lightbox-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.meta-lightbox-wrap {
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
bottom: 10%;
|
||||
left: 10%;
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.meta-lightbox-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.meta-lightbox-content .meta-lightbox-zoom-wrapper {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.meta-lightbox-content .meta-lightbox-zoom-wrapper:after {
|
||||
color: #fff;
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
content: "\f00e";
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
bottom: 1em;
|
||||
right: 1em;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
|
||||
.meta-lightbox-title-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 99999;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.meta-lightbox-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.meta-lightbox-prev {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.meta-lightbox-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.meta-lightbox-close {
|
||||
position: absolute;
|
||||
top: 2%;
|
||||
right: 2%;
|
||||
}
|
||||
|
||||
.meta-lightbox-image {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.meta-lightbox-image img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.meta-lightbox-content iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.meta-lightbox-inline,
|
||||
.meta-lightbox-ajax {
|
||||
max-height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.meta-lightbox-error {
|
||||
display: table;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
}
|
||||
|
||||
.meta-lightbox-error p {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Effects
|
||||
**********************************************/
|
||||
|
||||
.meta-lightbox-notouch .meta-lightbox-effect-fade,
|
||||
.meta-lightbox-notouch .meta-lightbox-effect-fadeScale,
|
||||
.meta-lightbox-notouch .meta-lightbox-effect-slideLeft,
|
||||
.meta-lightbox-notouch .meta-lightbox-effect-slideRight,
|
||||
.meta-lightbox-notouch .meta-lightbox-effect-slideUp,
|
||||
.meta-lightbox-notouch .meta-lightbox-effect-slideDown,
|
||||
.meta-lightbox-notouch .meta-lightbox-effect-fall {
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
/* fadeScale */
|
||||
|
||||
.meta-lightbox-effect-fadeScale .meta-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-fadeScale.meta-lightbox-open .meta-lightbox-wrap {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
/* slideLeft / slideRight / slideUp / slideDown */
|
||||
|
||||
.meta-lightbox-effect-slideLeft .meta-lightbox-wrap,
|
||||
.meta-lightbox-effect-slideRight .meta-lightbox-wrap,
|
||||
.meta-lightbox-effect-slideUp .meta-lightbox-wrap,
|
||||
.meta-lightbox-effect-slideDown .meta-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-slideLeft .meta-lightbox-wrap {
|
||||
-webkit-transform: translateX(-10%);
|
||||
transform: translateX(-10%);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-slideRight .meta-lightbox-wrap {
|
||||
-webkit-transform: translateX(10%);
|
||||
transform: translateX(10%);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-slideLeft.meta-lightbox-open .meta-lightbox-wrap,
|
||||
.meta-lightbox-effect-slideRight.meta-lightbox-open .meta-lightbox-wrap {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-slideDown .meta-lightbox-wrap {
|
||||
-webkit-transform: translateY(-10%);
|
||||
transform: translateY(-10%);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-slideUp .meta-lightbox-wrap {
|
||||
-webkit-transform: translateY(10%);
|
||||
transform: translateY(10%);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-slideUp.meta-lightbox-open .meta-lightbox-wrap,
|
||||
.meta-lightbox-effect-slideDown.meta-lightbox-open .meta-lightbox-wrap {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* fall */
|
||||
|
||||
.meta-lightbox-body-effect-fall .meta-lightbox-effect-fall {
|
||||
-webkit-perspective: 1000px;
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-fall .meta-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
-webkit-transform: translateZ(300px);
|
||||
transform: translateZ(300px);
|
||||
}
|
||||
|
||||
.meta-lightbox-effect-fall.meta-lightbox-open .meta-lightbox-wrap {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default.meta-lightbox-overlay {
|
||||
background: #666;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav {
|
||||
top: 10%;
|
||||
width: 8%;
|
||||
height: 80%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
opacity: 0.5;
|
||||
color: #fff;
|
||||
font-size: 3em;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0 #000;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav .fa {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -1em;
|
||||
margin-left: -0.2em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav:hover {
|
||||
color: #007bff;
|
||||
opacity: 1;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-close {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 2em;
|
||||
text-shadow: 1px 1px 0 #000;
|
||||
text-align: center;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-close:focus {
|
||||
color: #007bff;
|
||||
opacity: 1;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-title {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
padding: 7px 15px;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-ajax,
|
||||
.meta-lightbox-theme-default .meta-lightbox-inline {
|
||||
background: #fff;
|
||||
padding: 2em;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.meta-lightbox-wrap {
|
||||
top: 5px !important;
|
||||
bottom: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav {
|
||||
height: 100%;
|
||||
opacity: 1;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-nav .fa {
|
||||
margin-left: -.4em;
|
||||
}
|
||||
|
||||
.meta-lightbox-theme-default .meta-lightbox-close {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*# sourceMappingURL=main.css.map*/
|
||||
2
dist/css/main.css.map
vendored
2
dist/css/main.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/js/app.js
vendored
2
dist/js/app.js
vendored
File diff suppressed because one or more lines are too long
4
dist/js/app.js.LICENSE
vendored
4
dist/js/app.js.LICENSE
vendored
@ -1,3 +1,5 @@
|
||||
/*@cc_on!@*/
|
||||
|
||||
/*!
|
||||
* Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
|
||||
*
|
||||
@ -98,8 +100,6 @@
|
||||
* Version: 3.3.4
|
||||
*/
|
||||
|
||||
/*@cc_on!@*/
|
||||
|
||||
/**!
|
||||
* @fileOverview Kickass library to create and place poppers near their reference elements.
|
||||
* @version 1.16.0
|
||||
|
||||
2
dist/js/app.js.map
vendored
2
dist/js/app.js.map
vendored
File diff suppressed because one or more lines are too long
@ -48,7 +48,7 @@
|
||||
"jquery.inputmask": "^3.3.4",
|
||||
"laravel-mix": "^4.1.2",
|
||||
"mapbox-gl": "^1.2.1",
|
||||
"meta-lightbox": "^1.0.0",
|
||||
"@a2nt/meta-lightbox": "git+https://github.com/a2nt/meta-lightbox.git",
|
||||
"offcanvas-bootstrap": "^2.5.2",
|
||||
"popper.js": "^1.15.0",
|
||||
"pouchdb": "^6.4.3",
|
||||
|
||||
@ -62,7 +62,7 @@ import 'bootstrap/js/dist/tab';
|
||||
import './_components/_ui.video.preview';
|
||||
|
||||
// Meta Lightbox
|
||||
import 'meta-lightbox/meta-lightbox';
|
||||
import '@a2nt/meta-lightbox/src/js/index';
|
||||
|
||||
//import Confirmation from 'bootstrap-confirmation2/dist/bootstrap-confirmation';
|
||||
//import Table from 'bootstrap-table/dist/bootstrap-table';
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
$lightbox-breakpoint: map-get($grid-breakpoints, "sm");
|
||||
$lightbox-link-hover-color: $link-hover-color;
|
||||
|
||||
@import "~meta-lightbox/scss/meta-lightbox";
|
||||
@import "~meta-lightbox/scss/meta-lightbox-theme";
|
||||
@import "~@a2nt/meta-lightbox/src/scss/index";
|
||||
|
||||
Loading…
Reference in New Issue
Block a user