Browse Source

fix: featured image improvements

pull/373/head
arzola 2 years ago
parent
commit
d995f32e42
  1. 15
      assets/styles/components/_featured_book.scss
  2. 19
      dist/styles/aldine.css

15
assets/styles/components/_featured_book.scss

@ -1,17 +1,25 @@
#latest-books {
.books {
align-items: flex-start;
}
}
.featured_book { .featured_book {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: space-between;
width: 100%; width: 100%;
aspect-ratio: 3 / 4; height: 100%;
border: solid 1px var(--accent); border: solid 1px var(--accent);
margin: 0 0 2rem; margin: 0 0 2rem;
&__cover { &__cover {
aspect-ratio: 3 / 4;
width: 100%; width: 100%;
height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center;
min-height: 17rem;
} }
a { a {
@ -27,5 +35,6 @@
align-items: center; align-items: center;
font-weight: 500; font-weight: 500;
margin-top: 1rem; margin-top: 1rem;
min-height: 4rem;
} }
} }

19
dist/styles/aldine.css vendored

@ -1939,6 +1939,12 @@ nav {
} }
} }
#latest-books .books {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.featured_book { .featured_book {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
@ -1947,19 +1953,21 @@ nav {
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-pack: start; -webkit-box-pack: justify;
-ms-flex-pack: start; -ms-flex-pack: justify;
justify-content: flex-start; justify-content: space-between;
width: 100%; width: 100%;
aspect-ratio: 3/4; height: 100%;
border: solid 1px var(--accent); border: solid 1px var(--accent);
margin: 0 0 2rem; margin: 0 0 2rem;
} }
.featured_book__cover { .featured_book__cover {
aspect-ratio: 3/4;
width: 100%; width: 100%;
height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center;
min-height: 17rem;
} }
.featured_book a { .featured_book a {
margin: 0; margin: 0;
@ -1981,6 +1989,7 @@ nav {
align-items: center; align-items: center;
font-weight: 500; font-weight: 500;
margin-top: 1rem; margin-top: 1rem;
min-height: 4rem;
} }
label { label {

Loading…
Cancel
Save