mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
33 lines
544 B
SCSS
33 lines
544 B
SCSS
@import "../../themes/ionic.globals";
|
|
|
|
|
|
// Thumbnail
|
|
// --------------------------------------------------
|
|
|
|
:host {
|
|
/**
|
|
* @prop --border-radius: Border radius of the thumbnail
|
|
* @prop --size: Size of the thumbnail
|
|
*/
|
|
--size: 48px;
|
|
--border-radius: 0;
|
|
|
|
@include border-radius(var(--border-radius));
|
|
|
|
display: block;
|
|
|
|
width: var(--size);
|
|
height: var(--size);
|
|
}
|
|
|
|
::slotted(ion-img),
|
|
::slotted(img) {
|
|
@include border-radius(var(--border-radius));
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
object-fit: cover;
|
|
overflow: hidden;
|
|
}
|