Book entry scss

This commit is contained in:
Emilia Allison 2023-08-02 13:39:15 -04:00
parent f3543edbfe
commit bea03194cc
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
2 changed files with 45 additions and 0 deletions

View File

@ -0,0 +1,44 @@
.book-entry-container {
width: 100%;
}
.book-entry {
width: 100%;
position: relative;
&:last-of-type {
margin-bottom: 5vh;
}
details {
summary {
cursor: pointer;
user-select: none;
}
div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 4rem 1fr;
grid-template-areas:
"author year score"
"comments comments comments"
}
}
}
.book-entry__author {
grid-area: author;
}
.book-entry__year {
grid-area: year;
}
.book-entry__score {
grid-area: score;
&:before {
content: "Score: ";
}
&:after {
content: " / 10";
}
}
.book-entry__comments {
grid-area: comments;
}

View File

@ -1,3 +1,4 @@
@forward "header";
@forward "overlay";
@forward "marks";
@forward "book_entry";