66 lines
1.1 KiB
SCSS
66 lines
1.1 KiB
SCSS
|
.h-card.full {
|
||
|
|
height: min-content;
|
||
|
|
background: #eee;
|
||
|
|
h2 {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 1em;
|
||
|
|
margin: 0em;
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
display: grid;
|
||
|
|
place-items: center;
|
||
|
|
aspect-ratio: 2;
|
||
|
|
background-image: url('/images/sunset.jpg');
|
||
|
|
background-size: cover;
|
||
|
|
background-position: center;
|
||
|
|
img {
|
||
|
|
border-radius: 100em;
|
||
|
|
background-color: rgba(255,255,255,0.4);
|
||
|
|
padding: 10px;
|
||
|
|
aspect-ratio: 1;
|
||
|
|
height: unset;
|
||
|
|
width: 25%;
|
||
|
|
min-width: 120px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.info {
|
||
|
|
text-align: center;
|
||
|
|
p {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.p-name {
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 1.5em;
|
||
|
|
}
|
||
|
|
.u-uid {
|
||
|
|
text-decoration: none;
|
||
|
|
font-family: monospace;
|
||
|
|
color: inherit;
|
||
|
|
font-size: 1rem;
|
||
|
|
}
|
||
|
|
.p-note {
|
||
|
|
margin-bottom: 1em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.metadata {
|
||
|
|
padding-block-end: 1rem;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 2fr;
|
||
|
|
gap: 1em;
|
||
|
|
max-width: 520px;
|
||
|
|
margin: 0 auto;
|
||
|
|
.field {
|
||
|
|
display: contents;
|
||
|
|
}
|
||
|
|
dt {
|
||
|
|
font-weight: bold;
|
||
|
|
place-self: center end;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
dd {
|
||
|
|
place-self: center start;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|