Update changelog

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 55de203c3701ac56809f9c640790217fe09c00b3..0eba5d85b8edc80afaac8065784d421a2bc11095 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 ### New features
 
+* 🎉 #1624 Add some common photography aspect ratios and portrait ratios
 * 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
 
 ### Improvements

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index f2b4e6df94525c88a893a76e743f55cc6dd0fc2d..d7b6705f4362353cdd38ffb2880242ddcdcf7279 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -4188,7 +4188,7 @@ a.box:active {
   border-radius: 290486px;
 }
 
-.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
+.image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
   bottom: 0;
   left: 0;
   position: absolute;
@@ -4202,6 +4202,10 @@ a.box:active {
   padding-top: 100%;
 }
 
+.image.is-5by4 {
+  padding-top: 80%;
+}
+
 .image.is-4by3 {
   padding-top: 75%;
 }
@@ -4210,6 +4214,10 @@ a.box:active {
   padding-top: 66.6666%;
 }
 
+.image.is-5by3 {
+  padding-top: 60%;
+}
+
 .image.is-16by9 {
   padding-top: 56.25%;
 }
@@ -4218,6 +4226,38 @@ a.box:active {
   padding-top: 50%;
 }
 
+.image.is-3by1 {
+  padding-top: 33.3333%;
+}
+
+.image.is-4by5 {
+  padding-top: 125%;
+}
+
+.image.is-3by4 {
+  padding-top: 133.3333%;
+}
+
+.image.is-2by3 {
+  padding-top: 150%;
+}
+
+.image.is-3by5 {
+  padding-top: 166.6666%;
+}
+
+.image.is-9by16 {
+  padding-top: 177.7777%;
+}
+
+.image.is-1by2 {
+  padding-top: 200%;
+}
+
+.image.is-1by3 {
+  padding-top: 300%;
+}
+
 .image.is-16x16 {
   height: 16px;
   width: 16px;