Replace $timeline-image-border-radius with a CSS custom property (#10792)

* Use CSS custom property: --timeline-image-border-radius

Remove the same variable from _MImageBody.pcss

* Rename the property

The property is neither limited to a timeline nor image, but applied to M.*?Body components as well, such as MLocationBody and MVideoBody.
This commit is contained in:
Suguru Hirahara 2023-05-09 21:06:19 +00:00 committed by GitHub
parent c4f59d4d56
commit dc8ea8dc27
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 7 additions and 9 deletions

View file

@ -27,7 +27,6 @@ $hover-transition: 0.08s cubic-bezier(0.46, 0.03, 0.52, 0.96); /* quadratic */
$selected-message-border-width: 4px;
$timeline-image-border-radius: 8px;
:root {
font-size: 10px;
@ -37,6 +36,7 @@ $timeline-image-border-radius: 8px;
--transition-standard: 0.3s;
--buttons-dialog-gap-row: $spacing-8;
--buttons-dialog-gap-column: $spacing-8;
--MBody-border-radius: 8px;
}
@media only percy {