Files
documentation/node_modules/infima/styles/components/avatar.pcss
2024-03-22 03:47:51 +05:30

63 lines
1.2 KiB
Plaintext

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-avatar-intro-margin: 1rem;
--ifm-avatar-intro-alignment: inherit;
--ifm-avatar-photo-size: 3rem;
}
.avatar {
column-gap: var(--ifm-avatar-intro-margin);
display: flex;
&__photo {
border-radius: 50%;
display: block;
height: var(--ifm-avatar-photo-size);
overflow: hidden;
width: var(--ifm-avatar-photo-size);
&--sm {
--ifm-avatar-photo-size: 2rem;
}
&--lg {
--ifm-avatar-photo-size: 4rem;
}
&--xl {
--ifm-avatar-photo-size: 6rem;
}
}
&__intro {
display: flex;
flex: 1 1;
flex-direction: column;
justify-content: center;
text-align: var(--ifm-avatar-intro-alignment);
}
&__name {
font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
var(--ifm-font-family-base);
}
&__subtitle {
margin-top: 0.25rem;
}
&--vertical {
--ifm-avatar-intro-alignment: center;
--ifm-avatar-intro-margin: 0.5rem;
align-items: center;
flex-direction: column;
}
}