feature(image): ✨ add fit image modifiers

daniil4udo · Jan 7, 2025 · bb5bbde · bb5bbde
1 parent 92136f5
commit bb5bbde
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/bulma/sass/elements/image.sass b/packages/bulma/sass/elements/image.sass
@@ -13,6 +13,15 @@ $dimensions: 16 24 32 48 64 96 128 !default
     width: 100%
     &.is-rounded
       border-radius: var(--radius-rounded)
+    &.is-contained
+      object-fit: contain
+      object-position: center center
+    &.is-covered
+      object-fit: cover
+      object-position: center center
+    &.is-filled
+      object-fit: fill
+      object-position: center center
   &.is-fullwidth
     width: 100%
   // Ratio