Browse Source

fix: aspect ratio

pull/373/head
arzola 2 years ago
parent
commit
00df48be01
  1. 5
      assets/styles/components/_featured_book.scss
  2. 5
      dist/styles/aldine.css

5
assets/styles/components/_featured_book.scss

@ -3,14 +3,13 @@
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
width: 100%; width: 100%;
max-width: 18rem; aspect-ratio: 3 / 4;
height: 25rem;
border: solid 1px var(--accent); border: solid 1px var(--accent);
margin: 0 0 2rem; margin: 0 0 2rem;
&__cover { &__cover {
width: 100%; width: 100%;
height: 80%; height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

5
dist/styles/aldine.css vendored

@ -1949,14 +1949,13 @@ nav {
-ms-flex-pack: start; -ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
width: 100%; width: 100%;
max-width: 18rem; aspect-ratio: 3/4;
height: 25rem;
border: solid 1px var(--accent); border: solid 1px var(--accent);
margin: 0 0 2rem; margin: 0 0 2rem;
} }
.featured_book__cover { .featured_book__cover {
width: 100%; width: 100%;
height: 80%; height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

Loading…
Cancel
Save