<commit_before>
// @see https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
@mixin aspect-ratio($ratio: 1 1, $child: '> :first-child') {
  position: relative;

  &::before {
    width: 100%;
    display: block;
    content: '';
    padding-top: percentage(nth($ratio, 2) / nth($ratio, 1));
  }

  #{$child} {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

// @see https://gist.github.com/jonathantneal/a9b8901273475d261dd3
@mixin fluid-aspect($ratio: 1 1, $child: '> :first-child') {
  position: relative;
	padding-bottom: percentage(nth($ratio, 2) / nth($ratio, 1));

	#{$child} {
    width: 100%;
    height: 100%;
    position: absolute;
		left: 0;
		top: 0;
	}
}<commit_msg>Update _ratio.scss<commit_after>
// @see https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
@mixin aspect-ratio($ratio: 1 1, $child: '> :first-child') {
  position: relative;

  &::before {
    width: 100%;
    display: block;
    content: '';
    padding-top: percentage(nth($ratio, 2) / nth($ratio, 1));
  }

  #{$child} {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

// @see https://gist.github.com/jonathantneal/a9b8901273475d261dd3
@mixin fluid-aspect($ratio: 1 1, $child: '> :first-child') {
  position: relative;
  padding-bottom: percentage(nth($ratio, 2) / nth($ratio, 1));

  #{$child} {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
}
{'fraction_non_alphanumeric': 0.19089673913043478, 'fraction_numerical': 0.051630434782608696, 'mean_word_length': 3.091666666666667, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4368700', 'n_tokens_mistral': 652, 'n_tokens_neox': 574, 'n_words': 119}