lumina-sass 2.3.2 → 2.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lumina-sass",
-  "version": "2.3.2",
+  "version": "2.4.2",
   "description": "Lumina Sass design tokens, mixins and public sub-modules (flexbox, color, mix).",
   "main": "src/_index.sass",
   "sass": "src/_index.sass",

package/src/mix/_media.sass

@@ -54,46 +54,3 @@
       @content
   @else
     @error "Invalid orientation `#{$orientation}` – use portrait or landscape."
-
-@mixin figure($object-fit: cover, $size: null, $style: italic, $width: 16, $length: 9, $position: null, $percentage: null)
-  &
-    video.portrait-media
-      @if $width != null and $length != null
-        @include aspect-ratio($width, $length)
-
-      max-inline-size: 20rem !important
-
-    // Landscape video – default ratio
-    video.landscape-media
-      @if $width != null and $length != null
-        @include aspect-ratio($width, $length)
-      object-position: center 35%
-
-    // Image and picture handling
-    picture,
-    img
-      inline-size: 100%
-      object-fit: $object-fit
-      
-      @if $width != null and $length != null
-        @include aspect-ratio($width, $length)
-
-      @if $position != null or $percentage != null
-        object-position: $position $percentage
-
-    picture
-      img
-        inline-size: 100%
-        object-fit: $object-fit
-
-        @if $width != null and $length != null
-          @include aspect-ratio($width, $length)
-
-        @if $position != null or $percentage != null
-          object-position: $position $percentage
-
-      figcaption
-          @include typo.font($size: $size, $style: $style)
-
-@mixin aspect-ratio($width: 16, $length: 9)
-  aspect-ratio: #{$width} / #{$length}

package/src/test/mixins.spec.sass

@@ -139,41 +139,15 @@
     @include true.assert-equal(typo.font-family-of('mono'), monospace)
     @include true.assert-equal(typo.font-family-of('serif'), serif)
 
-@include true.test-module('Layout Helpers')
-  @include true.test('Generates aspect-ratio')
+@include true.test-module('Styling (Native)')
+  @include true.test('Applies typography font styling to figcaption')
     @include true.assert
       @include true.output
-        @include media.aspect-ratio(16, 9)
+        figure figcaption
+          @include typo.font($style: italic)
       
       @include true.expect
-        aspect-ratio: 16 / 9
-
-  @include true.test('Generates figure structure')
-    @include true.assert
-      @include true.output
-        figure
-          @include media.figure()
-      
-      @include true.expect
-        figure video.portrait-media
-          aspect-ratio: 16 / 9
-          max-inline-size: 20rem !important
-        
-        figure video.landscape-media
-          aspect-ratio: 16 / 9
-          object-position: center 35%
-        
-        figure picture, figure img
-          inline-size: 100%
-          object-fit: cover
-          aspect-ratio: 16 / 9
-        
-        figure picture img
-          inline-size: 100%
-          object-fit: cover
-          aspect-ratio: 16 / 9
-        
-        figure picture figcaption
+        figure figcaption
           font-style: italic
 
 @include true.report