improve size classes

README.md

@@ -41,7 +41,7 @@ Specifying your image files:
 Optional parameters:
 
 - All the [features/parameters](https://gohugo.io/content-management/shortcodes/#figure) of Hugo's built-in `figure` shortcode work as normal, i.e. src, link, rel, title, caption, class, attr (attribution), attrlink, alt. width and height might lead to strange results when used inside `{{< gallery >}}`.
-- `class` allows you to set any custom classes you want on the `<figure>` tag. The values `no-border`, `small`, `medium`, `pull-left` and `pull-right` are made available by this project.
+- `class` allows you to set any custom classes you want on the `<figure>` tag. The values `no-border`, `sm`, `md`, `lg`, `pull-left` and `pull-right` are made available by this project.
 - `lightbox` allows you to control the lightbox. The value `none` will disable the lightbox completely.
 
 Optional parameters work for standalone `{{< figure >}}` shortcodes and inside of `{{< gallery >}}`. However, they cannot be applied to `{{< snap-dir >}}`.

static/css/snap-gallery.css

@@ -27,12 +27,16 @@ figure img {
   max-height: 100%;
 }
 
-figure.small img {
-  max-height: 150px;
+figure.sm {
+  max-width: 30%;
 }
 
-figure.medium img {
-  max-height: 225px;
+figure.md {
+  max-width: 50%;
+}
+
+figure.lg {
+  max-width: 70%;
 }
 
 figure.pull-right {