From 3932ac7f8e2d00e3008e337e09d539f8dc469bb3 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 13:07:25 +0200 Subject: Update --- src/objects/_card.scss | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) (limited to 'src/objects/_card.scss') diff --git a/src/objects/_card.scss b/src/objects/_card.scss index b8bc727..d91bdbe 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss @@ -1,6 +1,6 @@ @use 'sass:meta'; -@use 'pkg:iro-sass/src/bem'; -@use 'pkg:iro-sass/src/props'; +@use 'pkg:iro-sass/bem'; +@use 'pkg:iro-sass/props'; @use '../props' as *; @use 'avatar.vars' as avatar; @@ -297,10 +297,10 @@ @include bem.elem('body') { @include bem.modifier('main') { - block-size: auto; - min-block-size: none; inline-size: 100%; min-inline-size: 0; + block-size: auto; + min-block-size: none; } } } @@ -309,17 +309,17 @@ display: block; interpolate-size: allow-keywords; - @include bem.elem("header") { + @include bem.elem('header') { display: flex; - align-items: center; gap: 1em; + align-items: center; cursor: pointer; &::before { - margin: 0; inline-size: 1em; - font-size: 0.8em; - content: "▶"; + margin: 0; + font-size: .8em; + content: '▶'; } &:focus-visible { @@ -328,31 +328,31 @@ border-radius: calc(props.get(vars.$rounding) - props.get(vars.$border-width)); } - @include bem.next-elem("body") { + @include bem.next-elem('body') { padding-block-start: 0; } } &::details-content { - opacity: 0; block-size: 0; overflow-y: clip; + opacity: 0; transition: - content-visibility 0.2s allow-discrete, - opacity 0.2s ease, - block-size 0.2s ease; + content-visibility .2s allow-discrete, + opacity .2s ease, + block-size .2s ease; } &[open] { - @include bem.elem("header") { + @include bem.elem('header') { &::before { - content: "▼"; + content: '▼'; } } &::details-content { - opacity: 1; block-size: auto; + opacity: 1; } } -- cgit v1.3.1