See description

- redesigned share module;
- switched mouse wheel direction (down/right=next);
- improved touch handling (it is now possible to swipe inline content that is larger than container);
- inline content is now preloaded (e.g., next/previous `image`/`inline` gallery items are now loaded on start)
- Options width/height now can be used to set image max dimensions; this is also useful for setting dimensions for SVG images.

Author: fancyapps

dist/jquery.fancybox.css

@@ -380,7 +380,7 @@ body.fancybox-iosfix {
   right: 5px;
   width: 30px;
   height: 30px;
-  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
+  font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
   color: #888;
   font-weight: 300;
   text-align: center;
@@ -579,66 +579,85 @@ body.fancybox-iosfix {
   padding: 30px;
   border-radius: 3px;
   background: #f4f4f4;
-  max-width: 90%; }
+  max-width: 90%;
+  text-align: center; }
 
 .fancybox-share h1 {
   color: #222;
   margin: 0 0 20px 0;
-  font-size: 33px;
-  font-weight: 700;
-  text-align: center; }
+  font-size: 35px;
+  font-weight: 700; }
 
 .fancybox-share p {
   margin: 0;
-  padding: 0;
-  text-align: center; }
+  padding: 0; }
 
-.fancybox-share p:first-of-type {
+p.fancybox-share__links {
   margin-right: -10px; }
 
-.fancybox-share_button {
+.fancybox-share__button {
   display: inline-block;
   text-decoration: none;
   margin: 0 10px 10px 0;
-  padding: 10px 20px;
+  padding: 0 15px;
+  min-width: 130px;
   border: 0;
   border-radius: 3px;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
   background: #fff;
   white-space: nowrap;
-  font-size: 16px;
-  line-height: 23px;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 40px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  min-width: 140px;
-  color: #707070;
+  color: #fff;
   transition: all .2s; }
 
-.fancybox-share_button:focus,
-.fancybox-share_button:hover {
-  text-decoration: none;
-  color: #333;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
+.fancybox-share__button:hover {
+  text-decoration: none; }
+
+.fancybox-share__button--fb {
+  background: #3b5998; }
 
-.fancybox-share_button svg {
-  margin-right: 5px;
-  width: 20px;
-  height: 20px;
-  vertical-align: text-bottom; }
+.fancybox-share__button--fb:hover {
+  background: #344e86; }
 
-.fancybox-share input {
+.fancybox-share__button--pt {
+  background: #bd081d; }
+
+.fancybox-share__button--pt:hover {
+  background: #aa0719; }
+
+.fancybox-share__button--tw {
+  background: #1da1f2; }
+
+.fancybox-share__button--tw:hover {
+  background: #0d95e8; }
+
+.fancybox-share__button svg {
+  position: relative;
+  top: -1px;
+  width: 25px;
+  height: 25px;
+  margin-right: 7px;
+  vertical-align: middle; }
+
+.fancybox-share__button svg path {
+  fill: #fff; }
+
+.fancybox-share__input {
   box-sizing: border-box;
   width: 100%;
-  margin: 5px 0 0 0;
+  margin: 10px 0 0 0;
   padding: 10px 15px;
-  border: 1px solid #d7d7d7;
-  border-radius: 3px;
-  background: #ebebeb;
+  background: transparent;
   color: #5d5b5b;
   font-size: 14px;
-  outline: none; }
+  outline: none;
+  border: 0;
+  border-bottom: 2px solid #d7d7d7; }
 
 /* Thumbs */
 .fancybox-thumbs {