smartphoto 2.1.0 → 2.1.1

package/README.md

@@ -357,37 +357,41 @@ photo.on('zoomout',function(){
 	</tr>
 </table>
 
-### SCSS
+### CSS Custom Properties
 
 <table>
 	<tr>
-		<th>variable</th>
+		<th>property</th>
 		<th>description</th>
 		<th>default</th>
 	</tr>
     <tr>
-        <td>$animation-speed</td>
-        <td>animation speed when switching images</td>
-        <td>.3s</td>
+        <td>--smartphoto-animation-speed</td>
+        <td>animation speed when switching/opening/closing images. Overridden per-instance by the <code>animationSpeed</code> JS option</td>
+        <td>300ms</td>
+    </tr>
+    <tr>
+        <td>--smartphoto-animation-function</td>
+        <td>easing function used for animations</td>
+        <td>ease-out</td>
     </tr>
     <tr>
-        <td>$backdrop-color</td>
+        <td>--smartphoto-backdrop-color</td>
         <td>backdrop color when viewing images</td>
         <td>rgba(0, 0, 0, 1)</td>
     </tr>
     <tr>
-        <td>$header-color</td>
+        <td>--smartphoto-header-color</td>
         <td>header color</td>
         <td>rgba(0, 0, 0, .2)</td>
     </tr>
 </table>
 
-`$animation-speed` is the SCSS build-time default. At runtime it is overridden per-instance by the `animationSpeed` JS option via the `--smartphoto-animation-speed` CSS custom property set on the `dialog` element.
-
-Every SCSS variable above is also exposed as a CSS custom property (`--smartphoto-animation-speed`, `--smartphoto-animation-function`, `--smartphoto-backdrop-color`, `--smartphoto-header-color`), so they can be overridden without recompiling SCSS, e.g.:
+Set these on `.smartphoto` (or `:root`) to override the defaults, no rebuild required:
 
 ```css
 .smartphoto {
+  --smartphoto-animation-speed: 500ms;
   --smartphoto-animation-function: ease-in-out;
   --smartphoto-backdrop-color: rgba(0, 0, 0, 0.9);
   --smartphoto-header-color: rgba(0, 0, 0, 0.4);

package/js/jquery-smartphoto.js

@@ -1,5 +1,5 @@
 /*!
- * SmartPhoto v2.1.0
+ * SmartPhoto v2.1.1
  * (c) appleple
  * Released under the MIT License.
  */

package/js/jquery-smartphoto.min.js

@@ -1,5 +1,5 @@
 /*!
- * SmartPhoto v2.1.0
+ * SmartPhoto v2.1.1
  * (c) appleple
  * Released under the MIT License.
  */

package/js/smartphoto.js

@@ -1,5 +1,5 @@
 /*!
- * SmartPhoto v2.1.0
+ * SmartPhoto v2.1.1
  * (c) appleple
  * Released under the MIT License.
  */

package/js/smartphoto.min.js

@@ -1,5 +1,5 @@
 /*!
- * SmartPhoto v2.1.0
+ * SmartPhoto v2.1.1
  * (c) appleple
  * Released under the MIT License.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smartphoto",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "smartphoto",
   "homepage": "https://developer.a-blogcms.jp",
   "main": "./lib/smartphoto.js",
@@ -16,7 +16,9 @@
       "types": "./lib/types/index.d.ts",
       "import": "./lib/smartphoto.mjs",
       "require": "./lib/smartphoto.js"
-    }
+    },
+    "./css/*": "./css/*",
+    "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"