From: Jeremy Thomas Date: Sun, 8 Apr 2018 15:30:59 +0000 (+0100) Subject: Update changelog X-Git-Tag: 0.7.0~18 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=21e6651e61394dbd5be8e2e2b3309e2f7f3a43a2;p=thirdparty%2Fbulma.git Update changelog --- diff --git a/CHANGELOG.md b/CHANGELOG.md index 55de203c3..0eba5d85b 100644 --- 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 f2b4e6df9..d7b6705f4 100644 --- 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;