Name	Size	Mode	Actions
_clearfix.scss	37	0644	editdlrm
_color-bg.scss	413	0644	editdlrm
_colored-links.scss	1755	0644	editdlrm
_focus-ring.scss	385	0644	editdlrm
_icon-link.scss	605	0644	editdlrm
_position.scss	621	0644	editdlrm
_ratio.scss	399	0644	editdlrm
_stacks.scss	245	0644	editdlrm
_stretched-link.scss	223	0644	editdlrm
_text-truncation.scss	73	0644	editdlrm
_visually-hidden.scss	136	0644	editdlrm
_vr.scss	147	0644	editdlrm

// Credit: Nicolas Gallagher and SUIT CSS. .ratio { position: relative; width: 100%; &::before { display: block; padding-top: var(--#{$prefix}aspect-ratio); content: ""; } > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @each $key, $ratio in $aspect-ratios { .ratio-#{$key} { --#{$prefix}aspect-ratio: #{$ratio}; } }