pswp-rails 4.1.1.1 → 4.1.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: abfd50231537e928631fc5588235eebef51bf6c2
-  data.tar.gz: 361ad39aa733891fff06e72cb219d340fdb94980
+  metadata.gz: 5eaf794cfab22a4124e10f367d42c468b9acc035
+  data.tar.gz: 6895037ebe04b61c4b39cb466a1f4ee07a30a61f
 SHA512:
-  metadata.gz: 064c25f6873e6fa8038caacb3ef7042917b7b28922cf49b5aca023544b637736e7ea4cad595191cc457904bdbe08d7d3a8b671195440b0056f2c584d4b55811c
-  data.tar.gz: 36b018927d06592f371a142f41fba1145ff5827c31567abb315b311c06a7e3aab940cddc6ad2c9825cd1906faf5d065fff38acff559a901ce4df6e06ad41b84f
+  metadata.gz: 059304e95b1bd20d5d309589cc70ba72207f41f2afaec0bef3c3137ea4a9b7cf643949365406df4edd8445020199e172c9e38a363207af2d7a3e675973b5b533
+  data.tar.gz: 0ea0cbf1b57dbd8e151aca3f19e8feb766e4f15096d2d965e962ecc486f8e533aaedf3d278db1ce518e9e069a86e6c230aecb747b21d87e2f0c1ec5022dd3f10

data/lib/pswp-rails.rb

@@ -1,23 +1,28 @@
-require 'pswp-rails/version'
+# encoding: utf-8
+# frozen_string_literal: true
+
+require 'rails/railtie'
 
 module PhotoSwipe
-  class Engine < Rails::Engine
-  #   initializer 'sprockets.photoswipe', group: :all, after: 'sprockets.environment' do |app|
-  #     configure_assets app do |env|
-  #       env.precompile += %w( photoswipe.js photoswipe-ui-default.js photoswipe.scss )
-  #
-  #     end
-  #   end
-  #
-  # private
-  #   def configure_assets(app)
-  #     if config.respond_to?(:assets) && config.assets.respond_to?(:configure)
-  #       # Rails 4.x
-  #       config.assets.configure { |env| yield(env) }
-  #     else
-  #       # Rails 3.2
-  #       yield(app.assets)
-  #     end
-  #   end
+  class Railtie < Rails::Railtie
+    initializer 'sprockets.photoswipe', after: 'sprockets.environment' do |app|
+      configure_assets app do |assets|
+        assets.precompile += %w( photoswipe.js photoswipe-ui-default.js photoswipe.scss )
+        assets.paths      += [File.expand_path('../../vendor/assets/images', __FILE__)]
+        assets.paths      += [File.expand_path('../../vendor/assets/javascripts', __FILE__)]
+        assets.paths      += [File.expand_path('../../vendor/assets/stylesheets', __FILE__)]
+      end
+    end
+
+  private
+    def configure_assets(app)
+      if config.respond_to?(:assets) && config.assets.respond_to?(:configure)
+        # Rails 4.x 5.x
+        yield config.assets
+      else
+        # Rails 3.2
+        yield app.assets
+      end
+    end
   end
 end

data/lib/pswp-rails/version.rb

@@ -1,3 +1,6 @@
+# encoding: utf-8
+# frozen_string_literal: true
+
 module PhotoSwipe
-  VERSION = '4.1.1.1'.freeze
+  VERSION = '4.1.1.2'
 end

data/pswp-rails.gemspec

@@ -1,6 +1,8 @@
+# encoding: utf-8
+# frozen_string_literal: true
+
 require File.expand_path('../lib/pswp-rails/version', __FILE__)
 
-# frozen_string_literal: true
 Gem::Specification.new do |s|
   s.name            = 'pswp-rails'
   s.version         = PhotoSwipe::VERSION
@@ -11,8 +13,6 @@ Gem::Specification.new do |s|
   s.homepage        = 'https://github.com/yivo/pswp-rails'
   s.license         = 'MIT'
 
-  s.executables     = `git ls-files -z -- bin/*`.split("\x0").map{ |f| File.basename(f) }
   s.files           = `git ls-files -z`.split("\x0")
-  s.test_files      = `git ls-files -z -- {test,spec,features}/*`.split("\x0")
   s.require_paths   = ['lib']
 end

data/vendor/assets/stylesheets/photoswipe/_main-settings.scss

@@ -6,4 +6,13 @@ $pswp__box-sizing-border-box: true !default; // disable .pswp * { box-sizing:bor
 $pswp__root-z-index: 1500 !default;
 $pswp__assets-path: '' !default; // path to skin assets folder (preloader, PNG and SVG sprite)
 $pswp__error-text-color: #CCC !default; // "Image not loaded" text color
-$pswp__include-minimal-style: true !default;
+$pswp__include-minimal-style: true !default;
+$pswp__inline-assets: false !default;
+
+@function pswp__inline-asset($asset-path) {
+  @if ($pswp__inline-assets) {
+    @return asset-data-url($asset-path);
+  } @else {
+    @return asset-url($asset-path);
+  }
+}

data/vendor/assets/stylesheets/photoswipe/_main.scss

@@ -1,209 +1,178 @@
 /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
-
 /*
 	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
 */
-
-// PhotoSwipe uses Autoprefixer, so vendor prefixed are added automatically when needed.
-
-@import "main-settings";
-
- 
 /* pswp = photoswipe */
 .pswp {
-	display: none;
-	position:absolute;
-	width: 100%;
-	height: 100%;
-	left:0;
-	top:0;
-	overflow: hidden;
-	-ms-touch-action: none;
-	touch-action: none;
-	z-index: $pswp__root-z-index;
-	-webkit-text-size-adjust: 100%;
-	/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-	-webkit-backface-visibility: hidden;
-	outline: none;
-
-	@if $pswp__box-sizing-border-box == true {
-		* {
-			box-sizing: border-box;
-		}
-	}
-	
-	img {
-		max-width: none;
-	}
-}
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  -ms-touch-action: none;
+  touch-action: none;
+  z-index: 1500;
+  -webkit-text-size-adjust: 100%;
+  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
+  -webkit-backface-visibility: hidden;
+  outline: none; }
+  @if $pswp__box-sizing-border-box == true {
+    .pswp * {
+      -webkit-box-sizing: border-box;
+              box-sizing: border-box; } }
+  .pswp img {
+    max-width: none; }
 
 /* style is added when JS option showHideOpacity is set to true */
 .pswp--animate_opacity {
-	/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
-	opacity: 0.001;
-	will-change:opacity;
-	/* for open/close transition */
-	transition: opacity $pswp__show-hide-transition-duration cubic-bezier(.4,0,.22,1);
-}
+  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
+  opacity: 0.001;
+  will-change: opacity;
+  /* for open/close transition */
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
 
 .pswp--open {
-	display: block;
-}
+  display: block; }
 
 .pswp--zoom-allowed .pswp__img {
-	/* autoprefixer: off */
-	cursor: -webkit-zoom-in;
-	cursor: -moz-zoom-in;
-	cursor: zoom-in;
-}
+  /* autoprefixer: off */
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
 
 .pswp--zoomed-in .pswp__img {
-	/* autoprefixer: off */
-	cursor: -webkit-grab;
-	cursor: -moz-grab;
-	cursor: grab;
-}
-
-.pswp--dragging  .pswp__img {
-	/* autoprefixer: off */
-	cursor: -webkit-grabbing;
-	cursor: -moz-grabbing;
-	cursor: grabbing;
-}
+  /* autoprefixer: off */
+  cursor: -webkit-grab;
+  cursor: -moz-grab;
+  cursor: grab; }
+
+.pswp--dragging .pswp__img {
+  /* autoprefixer: off */
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
+  cursor: grabbing; }
 
 /*
 	Background is added as a separate element.
 	As animating opacity is much faster than animating rgba() background-color.
 */
 .pswp__bg {
-	position: absolute;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	background: $pswp__background-color;
-	opacity: 0;
-	-webkit-backface-visibility: hidden;
-	will-change:opacity;
-}
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0;
+  -webkit-backface-visibility: hidden;
+  will-change: opacity; }
 
 .pswp__scroll-wrap {
-	position: absolute;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	overflow:hidden;
-}
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden; }
 
 .pswp__container,
 .pswp__zoom-wrap {
-	-ms-touch-action: none; 
-	touch-action: none;
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-}
+  -ms-touch-action: none;
+  touch-action: none;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0; }
 
 /* Prevent selection and tap highlights */
 .pswp__container,
 .pswp__img {
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-	-webkit-tap-highlight-color: rgba(0,0,0,0);
-	-webkit-touch-callout: none;
-}
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none; }
 
 .pswp__zoom-wrap {
-	position: absolute;
-	width: 100%;
-	-webkit-transform-origin: left top;
-	-moz-transform-origin: left top;
-	-ms-transform-origin: left top;
-	transform-origin: left top;
-	/* for open/close transition */
-	transition: transform $pswp__show-hide-transition-duration cubic-bezier(.4,0,.22,1);
-}
+  position: absolute;
+  width: 100%;
+  -webkit-transform-origin: left top;
+  -ms-transform-origin: left top;
+  transform-origin: left top;
+  /* for open/close transition */
+  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
 
 .pswp__bg {
-	will-change: opacity;
-	/* for open/close transition */
-	transition: opacity $pswp__show-hide-transition-duration cubic-bezier(.4,0,.22,1);
-}
-
-.pswp--animated-in {
-	.pswp__bg,
-	.pswp__zoom-wrap {
-		-webkit-transition: none;
-		transition: none;
-	}
-}
+  will-change: opacity;
+  /* for open/close transition */
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp--animated-in .pswp__bg,
+.pswp--animated-in .pswp__zoom-wrap {
+  -webkit-transition: none;
+  transition: none; }
 
 .pswp__container,
 .pswp__zoom-wrap {
-	-webkit-backface-visibility: hidden;
-}
+  -webkit-backface-visibility: hidden; }
 
 .pswp__item {
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	overflow: hidden;
-}
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden; }
 
 .pswp__img {
-	position: absolute;
-	width: auto;
-	height: auto;
-	top: 0;
-	left: 0;
-}
+  position: absolute;
+  width: auto;
+  height: auto;
+  top: 0;
+  left: 0; }
 
 /*
 	stretched thumbnail or div placeholder element (see below)
 	style is added to avoid flickering in webkit/blink when layers overlap
 */
 .pswp__img--placeholder {
-	-webkit-backface-visibility: hidden;
-}
+  -webkit-backface-visibility: hidden; }
 
 /*
 	div element that matches size of large image
 	large image loads on top of it
 */
 .pswp__img--placeholder--blank {
-	background: $pswp__placeholder-color;
-}
+  background: #222; }
 
 .pswp--ie .pswp__img {
-	width: 100% !important;
-	height: auto !important;
-	left: 0;
-	top: 0;
-}
+  width: 100% !important;
+  height: auto !important;
+  left: 0;
+  top: 0; }
 
 /*
 	Error message appears when image is not loaded
 	(JS option errorMsg controls markup)
 */
 .pswp__error-msg {
-	position: absolute;
-	left: 0;
-	top: 50%;
-	width: 100%;
-	text-align: center;
-	font-size: 14px;
-	line-height: 16px;
-	margin-top: -8px;
-	color: $pswp__error-text-color;
-}
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  line-height: 16px;
+  margin-top: -8px;
+  color: #CCC; }
 
 .pswp__error-msg a {
-	color: $pswp__error-text-color;
-	text-decoration: underline;
-}
+  color: #CCC;
+  text-decoration: underline; }

data/vendor/assets/stylesheets/photoswipe/default-skin/_default-skin.scss

@@ -1,5 +1,4 @@
 /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
-
 /*
 
 	Contents:
@@ -12,123 +11,91 @@
 	6. Additional styles (root element, top bar, idle state, hidden state, etc.)
 
 */
-
-// PhotoSwipe uses Autoprefixer, so vendor prefixed are added automatically when needed.
-
-
-
-@import "../main-settings";
-
-
 /*
-	
+
 	1. Buttons
 
  */
-
 /* <button> css reset */
 .pswp__button {
-	width: 44px;
-	height: 44px;
-	position: relative;
-	background: none;
-	cursor: pointer;
-	overflow: visible;
-	-webkit-appearance: none;
-	display: block;
-	border: 0;
-	padding: 0;
-	margin: 0;
-	float: right;
-	opacity: 0.75;
-	transition: opacity 0.2s;
-	box-shadow: none;
-
-	&:focus,
-	&:hover {
-		opacity: 1;
-	}
-	
-	&:active {
-		outline: none;
-		opacity: 0.9;
-	}
-
-	&::-moz-focus-inner {
-		padding: 0;
-		border: 0
-	}
-}
+  width: 44px;
+  height: 44px;
+  position: relative;
+  background: none;
+  cursor: pointer;
+  overflow: visible;
+  -webkit-appearance: none;
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  float: right;
+  opacity: 0.75;
+  -webkit-transition: opacity 0.2s;
+          transition: opacity 0.2s;
+  -webkit-box-shadow: none;
+          box-shadow: none; }
+  .pswp__button:focus,
+  .pswp__button:hover {
+    opacity: 1; }
+  .pswp__button:active {
+    outline: none;
+    opacity: 0.9; }
+  .pswp__button::-moz-focus-inner {
+    padding: 0;
+    border: 0; }
 
 /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
 .pswp__ui--over-close .pswp__button--close {
-	opacity: 1;
-}
+  opacity: 1; }
 
 .pswp__button,
 .pswp__button--arrow--left:before,
 .pswp__button--arrow--right:before {
-	background: asset-data-url('photoswipe/default-skin/default-skin.png') 0 0 no-repeat;
-	background-size: 264px 88px;
-	width: 44px;
-	height: 44px;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.1),  (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
-
-	/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
-    .pswp--svg .pswp__button,
-    .pswp--svg .pswp__button--arrow--left:before,
-	.pswp--svg .pswp__button--arrow--right:before {
-        background-image: asset-data-url('photoswipe/default-skin/default-skin.svg');
-    }
-
-    .pswp--svg .pswp__button--arrow--left,
-	.pswp--svg .pswp__button--arrow--right {
-		background: none;
-	}
-}
+  background: pswp__inline-asset('photoswipe/default-skin/default-skin.png') 0 0 no-repeat;
+  background-size: 264px 88px;
+  width: 44px;
+  height: 44px; }
+
+@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
+  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
+  .pswp--svg .pswp__button,
+  .pswp--svg .pswp__button--arrow--left:before,
+  .pswp--svg .pswp__button--arrow--right:before {
+    background-image: pswp__inline-asset('photoswipe/default-skin/default-skin.svg'); }
+  .pswp--svg .pswp__button--arrow--left,
+  .pswp--svg .pswp__button--arrow--right {
+    background: none; } }
 
 .pswp__button--close {
-	background-position: 0 -44px;
-}
+  background-position: 0 -44px; }
 
 .pswp__button--share {
-	background-position: -44px -44px;
-}
+  background-position: -44px -44px; }
 
 .pswp__button--fs {
-	display: none;
-}
+  display: none; }
 
 .pswp--supports-fs .pswp__button--fs {
-	display: block;
-}
+  display: block; }
 
 .pswp--fs .pswp__button--fs {
-	background-position: -44px 0;
-}
+  background-position: -44px 0; }
 
 .pswp__button--zoom {
-	display: none;
-	background-position: -88px 0;
-}
+  display: none;
+  background-position: -88px 0; }
 
 .pswp--zoom-allowed .pswp__button--zoom {
-	display: block;
-}
+  display: block; }
 
 .pswp--zoomed-in .pswp__button--zoom {
-	background-position: -132px 0;
-}
+  background-position: -132px 0; }
 
 /* no arrows on touch screens */
-.pswp--touch {
-	.pswp__button--arrow--left,
-	.pswp__button--arrow--right {
-		visibility: hidden;		
-	}
-}
+.pswp--touch .pswp__button--arrow--left,
+.pswp--touch .pswp__button--arrow--right {
+  visibility: hidden; }
 
 /*
 	Arrow buttons hit area
@@ -136,233 +103,189 @@
 */
 .pswp__button--arrow--left,
 .pswp__button--arrow--right {
-	background: none;
-	top: 50%;
-	margin-top: -50px;
-	width: 70px;
-	height: 100px;
-	position: absolute;
-}
+  background: none;
+  top: 50%;
+  margin-top: -50px;
+  width: 70px;
+  height: 100px;
+  position: absolute; }
 
 .pswp__button--arrow--left {
-	left: 0;
-}
+  left: 0; }
 
 .pswp__button--arrow--right {
-	right: 0;
-}
+  right: 0; }
 
 .pswp__button--arrow--left:before,
 .pswp__button--arrow--right:before {
-	content: '';
-	top: 35px;
-	background-color: rgba(0,0,0,0.3);
-	height: 30px;
-	width: 32px;
-	position: absolute;
-}
+  content: '';
+  top: 35px;
+  background-color: rgba(0, 0, 0, 0.3);
+  height: 30px;
+  width: 32px;
+  position: absolute; }
 
 .pswp__button--arrow--left:before {
-	left: 6px;
-	background-position: -138px -44px;
-}
+  left: 6px;
+  background-position: -138px -44px; }
 
 .pswp__button--arrow--right:before {
-	right: 6px;
-	background-position: -94px -44px;
-}
-
+  right: 6px;
+  background-position: -94px -44px; }
 
 /*
 
 	2. Share modal/popup and links
 
  */
-
 .pswp__counter,
 .pswp__share-modal {
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-}
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none; }
 
 .pswp__share-modal {
-	display: block;
-	background: rgba(0, 0, 0, 0.5);
-	width: 100%;
-	height: 100%;
-	top: 0;
-	left: 0;
-	padding: 10px;
-	position: absolute;
-	z-index: $pswp__root-z-index + 100;
-	opacity: 0;
-	transition: opacity 0.25s ease-out;
-	-webkit-backface-visibility: hidden;
-	will-change: opacity;
-}
+  display: block;
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  padding: 10px;
+  position: absolute;
+  z-index: 1600;
+  opacity: 0;
+  -webkit-transition: opacity 0.25s ease-out;
+          transition: opacity 0.25s ease-out;
+  -webkit-backface-visibility: hidden;
+  will-change: opacity; }
 
 .pswp__share-modal--hidden {
-	display: none;
-}
+  display: none; }
 
 .pswp__share-tooltip {
-	z-index: $pswp__root-z-index + 120;
-	position: absolute;
-	background: #FFF;
-	top: 56px;
-	border-radius: 2px;
-	display: block;
-	width: auto;
-	right: 44px;
-	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-	transform: translateY(6px);
-	transition: transform 0.25s;
-	-webkit-backface-visibility: hidden;
-	will-change: transform;
-
-	a {
-		display: block;
-		padding: 8px 12px;
-		color: #000;
-		text-decoration: none;
-		font-size: 14px;
-		line-height: 18px;
-
-		&:hover {
-			text-decoration: none;
-			color: #000;
-		}
-
-		
-		&:first-child {
-			/* round corners on the first/last list item */
-			border-radius: 2px 2px 0 0;
-		}
-		
-		&:last-child {
-			border-radius: 0 0 2px 2px;
-		}
-	}
-}
+  z-index: 1620;
+  position: absolute;
+  background: #FFF;
+  top: 56px;
+  border-radius: 2px;
+  display: block;
+  width: auto;
+  right: 44px;
+  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+  -webkit-transform: translateY(6px);
+      -ms-transform: translateY(6px);
+          transform: translateY(6px);
+  -webkit-transition: -webkit-transform 0.25s;
+          transition: transform 0.25s;
+  -webkit-backface-visibility: hidden;
+  will-change: transform; }
+  .pswp__share-tooltip a {
+    display: block;
+    padding: 8px 12px;
+    color: #000;
+    text-decoration: none;
+    font-size: 14px;
+    line-height: 18px; }
+    .pswp__share-tooltip a:hover {
+      text-decoration: none;
+      color: #000; }
+    .pswp__share-tooltip a:first-child {
+      /* round corners on the first/last list item */
+      border-radius: 2px 2px 0 0; }
+    .pswp__share-tooltip a:last-child {
+      border-radius: 0 0 2px 2px; }
 
 .pswp__share-modal--fade-in {
-	opacity: 1;
-
-	.pswp__share-tooltip {
-		transform: translateY(0);
-	}
-}
+  opacity: 1; }
+  .pswp__share-modal--fade-in .pswp__share-tooltip {
+    -webkit-transform: translateY(0);
+        -ms-transform: translateY(0);
+            transform: translateY(0); }
 
 /* increase size of share links on touch devices */
 .pswp--touch .pswp__share-tooltip a {
-	padding: 16px 12px;
-}
-
-a.pswp__share--facebook {
-	&:before {
-		content: '';
-		display: block;
-		width: 0;
-		height: 0;
-		position: absolute;
-		top: -12px;
-		right: 15px;
-		border: 6px solid rgba(0, 0, 0, 0);
-		border-bottom-color: #FFF;
-		-webkit-pointer-events: none;
-		-moz-pointer-events: none;
-		pointer-events: none;
-	}
-
-	&:hover {
-		background: #3E5C9A;
-		color: #FFF;
-
-		&:before {
-			border-bottom-color: #3E5C9A;
-		}
-	}
-}
-
-a.pswp__share--twitter {
-	&:hover {
-		background: #55ACEE;
-		color: #FFF;
-	}
-}
-
-a.pswp__share--pinterest {
-	&:hover {
-		background: #CCC;
-		color: #CE272D;
-	}
-}
-
-a.pswp__share--download {
-	&:hover {
-		background: #DDD;
-	}
-}
-
+  padding: 16px 12px; }
+
+a.pswp__share--facebook:before {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  top: -12px;
+  right: 15px;
+  border: 6px solid transparent;
+  border-bottom-color: #FFF;
+  -webkit-pointer-events: none;
+  -moz-pointer-events: none;
+  pointer-events: none; }
+
+a.pswp__share--facebook:hover {
+  background: #3E5C9A;
+  color: #FFF; }
+  a.pswp__share--facebook:hover:before {
+    border-bottom-color: #3E5C9A; }
+
+a.pswp__share--twitter:hover {
+  background: #55ACEE;
+  color: #FFF; }
+
+a.pswp__share--pinterest:hover {
+  background: #CCC;
+  color: #CE272D; }
+
+a.pswp__share--download:hover {
+  background: #DDD; }
 
 /*
 
 	3. Index indicator ("1 of X" counter)
 
  */
-
 .pswp__counter {
-	position: absolute;
-	left: 0;
-	top: 0;
-	height: 44px;
-	font-size: 13px;
-	line-height: 44px;
-	color: #FFF;
-	opacity: 0.75;
-	padding: 0 10px;
-}
-
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  font-size: 13px;
+  line-height: 44px;
+  color: #FFF;
+  opacity: 0.75;
+  padding: 0 10px; }
 
 /*
-	
+
 	4. Caption
 
  */
-
 .pswp__caption {
-	position: absolute;
-	left: 0;
-	bottom: 0;
-	width: 100%;
-	min-height: 44px;
-	
-	small {
-		font-size: 11px;
-		color: #BBB;
-	}
-}
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  min-height: 44px; }
+  .pswp__caption small {
+    font-size: 11px;
+    color: #BBB; }
 
 .pswp__caption__center {
-	text-align: left;
-	max-width: 420px;
-	margin: 0 auto;
-	font-size: 13px;
-	padding: 10px;
-	line-height: 20px;
-	color: #CCC;
-}
+  text-align: left;
+  max-width: 420px;
+  margin: 0 auto;
+  font-size: 13px;
+  padding: 10px;
+  line-height: 20px;
+  color: #CCC; }
 
 .pswp__caption--empty {
-	display: none;
-}
+  display: none; }
 
 /* Fake caption element, used to calculate height of next/prev image */
 .pswp__caption--fake {
-	visibility: hidden;
-}
-
+  visibility: hidden; }
 
 /*
 
@@ -371,218 +294,190 @@ a.pswp__share--download {
 	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
 
  */
-
 .pswp__preloader {
-	width: 44px;
-	height: 44px;
-	position: absolute;
-	top: 0;
-	left: 50%;
-	margin-left: -22px;
-	opacity: 0;
-	transition: opacity 0.25s ease-out; 
-	will-change: opacity;
-	direction: ltr;
-}
+  width: 44px;
+  height: 44px;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  margin-left: -22px;
+  opacity: 0;
+  -webkit-transition: opacity 0.25s ease-out;
+          transition: opacity 0.25s ease-out;
+  will-change: opacity;
+  direction: ltr; }
 
 .pswp__preloader__icn {
-	width: 20px;
-	height: 20px;
-	margin: 12px;
-}
+  width: 20px;
+  height: 20px;
+  margin: 12px; }
 
 .pswp__preloader--active {
-	opacity: 1;
-
-	.pswp__preloader__icn {
-		/* We use .gif in browsers that don't support CSS animation */
-		background: asset-data-url('photoswipe/default-skin/preloader.gif') 0 0 no-repeat;
-	}
-}
-
-.pswp--css_animation {
-	.pswp__preloader--active {
-		opacity: 1;
-
-		.pswp__preloader__icn {
-			animation: clockwise 500ms linear infinite;
-		}
-
-		.pswp__preloader__donut {
-			animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
-		}
-	}
-	
-	.pswp__preloader__icn {
-		background: none;
-		opacity: 0.75;
-		width: 14px;
-		height: 14px;
-		position: absolute;
-		left: 15px;
-		top: 15px;
-		margin: 0;
-	}
-
-	
-	.pswp__preloader__cut {
-		/* 
-			The idea of animating inner circle is based on Polymer ("material") loading indicator 
+  opacity: 1; }
+  .pswp__preloader--active .pswp__preloader__icn {
+    /* We use .gif in browsers that don't support CSS animation */
+    background: pswp__inline-asset('photoswipe/default-skin/preloader.gif') 0 0 no-repeat; }
+
+.pswp--css_animation .pswp__preloader--active {
+  opacity: 1; }
+  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
+    -webkit-animation: clockwise 500ms linear infinite;
+            animation: clockwise 500ms linear infinite; }
+  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
+    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
+            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
+
+.pswp--css_animation .pswp__preloader__icn {
+  background: none;
+  opacity: 0.75;
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  left: 15px;
+  top: 15px;
+  margin: 0; }
+
+.pswp--css_animation .pswp__preloader__cut {
+  /*
+			The idea of animating inner circle is based on Polymer ("material") loading indicator
 			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
 		*/
-		position: relative;
-		width: 7px;
-		height: 14px;
-		overflow: hidden;
-	}
-
-	.pswp__preloader__donut {
-		box-sizing: border-box;
-		width: 14px;
-		height: 14px;
-		border: 2px solid #FFF;
-		border-radius: 50%;
-		border-left-color: transparent;
-		border-bottom-color: transparent;
-		position: absolute;
-		top: 0;
-		left: 0;
-		background: none;
-		margin: 0;
-	}
-}
+  position: relative;
+  width: 7px;
+  height: 14px;
+  overflow: hidden; }
+
+.pswp--css_animation .pswp__preloader__donut {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #FFF;
+  border-radius: 50%;
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: none;
+  margin: 0; }
 
 @media screen and (max-width: 1024px) {
-	.pswp__preloader {
-		position: relative;
-		left: auto;
-		top: auto;
-		margin: 0;
-		float: right;
-	}
-}
+  .pswp__preloader {
+    position: relative;
+    left: auto;
+    top: auto;
+    margin: 0;
+    float: right; } }
+
+@-webkit-keyframes clockwise {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
 
 @keyframes clockwise {
-  0% { transform: rotate(0deg) }
-  100% { transform: rotate(360deg) }
-}
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@-webkit-keyframes donut-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); }
+  50% {
+    -webkit-transform: rotate(-140deg);
+            transform: rotate(-140deg); }
+  100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
 
 @keyframes donut-rotate {
-  0% { transform: rotate(0) }
-  50% { transform: rotate(-140deg) }
-  100% { transform: rotate(0) }
-}
-
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); }
+  50% {
+    -webkit-transform: rotate(-140deg);
+            transform: rotate(-140deg); }
+  100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
 
 /*
-	
+
 	6. Additional styles
 
  */
-
 /* root element of UI */
 .pswp__ui {
-	-webkit-font-smoothing: auto;
-	visibility: visible;
-	opacity: 1;
-	z-index: $pswp__root-z-index + 50;
-}
+  -webkit-font-smoothing: auto;
+  visibility: visible;
+  opacity: 1;
+  z-index: 1550; }
 
 /* top black bar with buttons and "1 of X" indicator */
 .pswp__top-bar {
-	position: absolute;
-	left: 0;
-	top: 0;
-	height: 44px;
-	width: 100%;
-}
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  width: 100%; }
 
 .pswp__caption,
 .pswp__top-bar,
 .pswp--has_mouse .pswp__button--arrow--left,
 .pswp--has_mouse .pswp__button--arrow--right {
-	-webkit-backface-visibility: hidden; 
-	will-change: opacity;
-	transition: opacity $pswp__controls-transition-duration cubic-bezier(.4,0,.22,1);
-}
+  -webkit-backface-visibility: hidden;
+  will-change: opacity;
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
 
 /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
-.pswp--has_mouse {
-	.pswp__button--arrow--left,
-	.pswp__button--arrow--right {
-		visibility: visible;
-	}
-}
+.pswp--has_mouse .pswp__button--arrow--left,
+.pswp--has_mouse .pswp__button--arrow--right {
+  visibility: visible; }
 
 .pswp__top-bar,
 .pswp__caption {
-	background-color: rgba(0,0,0,0.5);
-}
+  background-color: rgba(0, 0, 0, 0.5); }
 
 /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
-.pswp__ui--fit {
-	.pswp__top-bar,
-	.pswp__caption {
-		background-color: rgba(0,0,0,0.3);
-	}
-}
+.pswp__ui--fit .pswp__top-bar,
+.pswp__ui--fit .pswp__caption {
+  background-color: rgba(0, 0, 0, 0.3); }
 
 /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
-	
-.pswp__ui--idle {
-	.pswp__top-bar { 
-		opacity: 0; 
-	}
-
-	.pswp__button--arrow--left,
-	.pswp__button--arrow--right {
-		opacity: 0;
-	}
-}
+.pswp__ui--idle .pswp__top-bar {
+  opacity: 0; }
+
+.pswp__ui--idle .pswp__button--arrow--left,
+.pswp__ui--idle .pswp__button--arrow--right {
+  opacity: 0; }
 
 /*
 	pswp__ui--hidden class is added when controls are hidden
 	e.g. when user taps to toggle visibility of controls
 */
-.pswp__ui--hidden {
-	.pswp__top-bar,
-	.pswp__caption,
-	.pswp__button--arrow--left,
-	.pswp__button--arrow--right {
-		/* Force paint & create composition layer for controls. */
-		opacity: 0.001; 
-	}
-}
+.pswp__ui--hidden .pswp__top-bar,
+.pswp__ui--hidden .pswp__caption,
+.pswp__ui--hidden .pswp__button--arrow--left,
+.pswp__ui--hidden .pswp__button--arrow--right {
+  /* Force paint & create composition layer for controls. */
+  opacity: 0.001; }
 
 /* pswp__ui--one-slide class is added when there is just one item in gallery */
-.pswp__ui--one-slide {
-	.pswp__button--arrow--left,
-	.pswp__button--arrow--right,
-	.pswp__counter {
-		display: none;
-	}
-}
+.pswp__ui--one-slide .pswp__button--arrow--left,
+.pswp__ui--one-slide .pswp__button--arrow--right,
+.pswp__ui--one-slide .pswp__counter {
+  display: none; }
 
 .pswp__element--disabled {
-	display: none !important;
-}
-
-@if $pswp__include-minimal-style == true {
-	.pswp--minimal--dark {
-		.pswp__top-bar {
-			background: none;
-		}
-	}
-}
-
-
-
-
-
-
-
-
-
-
-
+  display: none !important; }
 
+.pswp--minimal--dark .pswp__top-bar {
+  background: none; }