Shian/src/sass/components/_mediaitem.scss

.media-item {
  padding: 0.25rem 1rem;
  width: 100%;
  @include transition;

  &:hover {
    background-color: var(--highlight-bg-color);
  }

  &__caption {
    font-size: $text-2xl;
    @include my(0.25rem);
  }

  &__content {
    width: 100%;
    @include my(0.5rem);
    display: block;
  }
  &__text {
    @include my(0.25rem);
  }
}
Initial commit 2021-04-14 05:11:10 +00:00			`.media-item {`
perf(shian): overhaul styling to minimize CSS processing BREAKING CHANGE: several styles are rewritten completely for performance reasons. please update accordingly. 2021-04-22 13:29:31 +00:00			`padding: 0.25rem 1rem;`
			`width: 100%;`
			`@include transition;`

			`&:hover {`
			`background-color: var(--highlight-bg-color);`
			`}`
Initial commit 2021-04-14 05:11:10 +00:00
perf(shian): overhaul styling to minimize CSS processing BREAKING CHANGE: several styles are rewritten completely for performance reasons. please update accordingly. 2021-04-22 13:29:31 +00:00			`&__caption {`
			`font-size: $text-2xl;`
			`@include my(0.25rem);`
			`}`
Initial commit 2021-04-14 05:11:10 +00:00
perf(shian): overhaul styling to minimize CSS processing BREAKING CHANGE: several styles are rewritten completely for performance reasons. please update accordingly. 2021-04-22 13:29:31 +00:00			`&__content {`
			`width: 100%;`
			`@include my(0.5rem);`
			`display: block;`
			`}`
			`&__text {`
			`@include my(0.25rem);`
			`}`
			`}`