From dec538167cfb856531d2b666637183f227395fe2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kristian=20L=C3=B8vstr=C3=B8m?= Date: Thu, 1 Oct 2015 19:16:29 +0200 Subject: [PATCH 1/2] Added SCSS/LESS versions --- css/jquery.lightbox.css | 90 +++++++++++++++ css/jquery.lightbox.css.map | 7 ++ .../jquery.lightbox.min.css | 0 demo/disabled_on_mobile.html | 4 +- demo/groups.html | 4 +- demo/index.html | 4 +- demo/index_button_define.html | 4 +- demo/index_with_captions.html | 4 +- jquery.lightbox.css | 103 ------------------ less/jquery.lightbox.less | 94 ++++++++++++++++ scss/jquery.lightbox.scss | 100 +++++++++++++++++ 11 files changed, 301 insertions(+), 113 deletions(-) create mode 100644 css/jquery.lightbox.css create mode 100644 css/jquery.lightbox.css.map rename jquery.lightbox.min.css => css/jquery.lightbox.min.css (100%) delete mode 100644 jquery.lightbox.css create mode 100644 less/jquery.lightbox.less create mode 100644 scss/jquery.lightbox.scss diff --git a/css/jquery.lightbox.css b/css/jquery.lightbox.css new file mode 100644 index 0000000..0b5da48 --- /dev/null +++ b/css/jquery.lightbox.css @@ -0,0 +1,90 @@ +.lightbox { + cursor: pointer; + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: black; + /* IE Fallback (Solid Colour) */ + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); + background: rgba(0, 0, 0, 0.7); + -webkit-filter: none !important; + z-index: 9997; } + .lightbox img { + display: block; + position: absolute; + border: 5px solid #fff; + box-shadow: 0 0 20px #000; + border-radius: 1px; } + +body.blurred > * { + -webkit-filter: blur(2px); + -webkit-transform: translate3d(0, 0, 0); } + +.lightbox__loading { + background: url(loading.gif) center center no-repeat; + width: 32px; + height: 32px; + margin: -16px 0 0 -16px; + position: absolute; + top: 50%; + left: 50%; } + +.lightbox__caption { + display: none; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + text-align: center; + z-index: 9998; + background: #000; + background: rgba(0, 0, 0, 0.7); } + .lightbox__caption p { + margin: 0 auto; + max-width: 70%; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 10px; + color: #fff; + font-size: 12px; + line-height: 18px; } + +.lightbox__button { + position: absolute; + z-index: 9999; + background: no-repeat center center; + width: 32px; + height: 32px; + opacity: 0.4; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + transition: all 0.3s; } + .lightbox__button:hover, .lightbox__button:focus { + opacity: 1; + -webkit-transform: scale(1.4); + -moz-transform: scale(1.4); + -ms-transform: scale(1.4); + transform: scale(1.4); } + +.lightbox__close { + right: 10px; + top: 10px; + background-image: url("close.png"); } + +.lightbox__nav { + top: 50%; + margin-top: -16px; } + +.lightbox__nav--next { + right: 10px; + background-image: url("next.png"); } + +.lightbox__nav--prev { + left: 10px; + background-image: url("previous.png"); } + +/*# sourceMappingURL=jquery.lightbox.css.map */ diff --git a/css/jquery.lightbox.css.map b/css/jquery.lightbox.css.map new file mode 100644 index 0000000..29878ec --- /dev/null +++ b/css/jquery.lightbox.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAAA,SAAU;EACR,MAAM,EAAE,OAAO;EACf,QAAQ,EAAE,KAAK;EACf,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,UAAU,EAAE,KAAY;;EAExB,UAAU,EAAE,mJAAmJ;EAC/J,UAAU,EAAE,kBAAkB;EAC9B,cAAc,EAAE,eAAe;EAC/B,OAAO,EAAE,IAAI;EACb,aAAI;IACF,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE,aAAa;IACzB,aAAa,EAAE,GAAG;;AAItB,gBAAiB;EACf,cAAc,EAAE,SAAS;EACzB,iBAAiB,EAAE,oBAAoB;;AAGzC,kBAAmB;EACjB,UAAU,EAAE,wCAAwC;EACpD,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,eAAe;EACvB,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;;AAGX,kBAAmB;EACjB,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,CAAC;EACP,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,kBAAkB;EAC9B,oBAAE;IACA,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;;AAIrB,iBAAkB;EAChB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,uBAAuB;EACnC,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,GAAG;EACZ,kBAAkB,EAAE,QAAQ;EAC5B,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,QAAQ;EACxB,UAAU,EAAE,QAAQ;EACpB,gDAAiB;IACf,OAAO,EAAE,CAAC;IACV,iBAAiB,EAAE,UAAU;IAC7B,cAAc,EAAE,UAAU;IAC1B,aAAa,EAAE,UAAU;IACzB,SAAS,EAAE,UAAU;;AAIzB,gBAAiB;EACf,KAAK,EAAE,IAAI;EACX,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,gBAAgB;;AAGpC,cAAe;EACb,GAAG,EAAE,GAAG;EACR,UAAU,EAAE,KAAK;;AAGnB,oBAAqB;EACnB,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,eAAe;;AAGnC,oBAAqB;EACnB,IAAI,EAAE,IAAI;EACV,gBAAgB,EAAE,mBAAmB", +"sources": ["../scss/jquery.lightbox.scss"], +"names": [], +"file": "jquery.lightbox.css" +} \ No newline at end of file diff --git a/jquery.lightbox.min.css b/css/jquery.lightbox.min.css similarity index 100% rename from jquery.lightbox.min.css rename to css/jquery.lightbox.min.css diff --git a/demo/disabled_on_mobile.html b/demo/disabled_on_mobile.html index 9552d7d..0776501 100644 --- a/demo/disabled_on_mobile.html +++ b/demo/disabled_on_mobile.html @@ -4,7 +4,7 @@ Demo - +