47 lines
777 B
SCSS
47 lines
777 B
SCSS
.h-card {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"header"
|
|
"name"
|
|
"note";
|
|
.p-note, .u-email, .u-impp, .p-gender-identity, .u-url, p.p-name {
|
|
display: none;
|
|
}
|
|
header {
|
|
background-image: url('/header.jpg');
|
|
background-size: cover;
|
|
background-position: center;
|
|
aspect-ratio: 2;
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
section {
|
|
padding: 1em;
|
|
}
|
|
.e-note {
|
|
grid-area: note;
|
|
p {
|
|
margin: 1em 0;
|
|
max-width: 55ch;
|
|
}
|
|
}
|
|
.u-photo {
|
|
width: 100px;
|
|
height: 100px;
|
|
background: rgba(0,0,0,0.5);
|
|
padding: 2px;
|
|
border-radius: 100em;
|
|
box-sizing: border-box;
|
|
}
|
|
.u-author {
|
|
display: unset;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
span.p-nickname {
|
|
color: #555;
|
|
&:before {content: '('}
|
|
&:after {content: ')'}
|
|
}
|
|
} |