Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Antoine:b60292bb2056941ee94f1e934e1215406615af10
Branches Tags
Antoine:main
..
compare: Antoine:080c5244d5998e0f9cde83a27a1ea8555de4de4a
Branches Tags
Antoine:main

No commits in common. "b60292bb2056941ee94f1e934e1215406615af10" and "080c5244d5998e0f9cde83a27a1ea8555de4de4a" have entirely different histories.
b60292bb20 ... 080c5244d5

2 changed files with 4 additions and 17 deletions
Show Stats Expand all files Collapse all files

2
resources/css/blocks/content-box.css
View File

@ -39,7 +39,7 @@
} }
&__innerblocks { &__innerblocks {
@apply max-w-screen-lg mx-auto px-4 md:px-8; @apply max-w-screen-lg mx-auto px-8;
} }
h3 { h3 {
/* @apply title-small font-bold; */ /* @apply title-small font-bold; */

19
resources/css/blocks/narrative-card.css
View File

@ -1,12 +1,11 @@
.narrative-card { .narrative-card {
@apply p-12 py-24 mx-auto max-w-screen-lg relative; @apply p-12 py-24 mx-auto max-w-screen-lg;
overflow: hidden;
> * { > * {
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
/* &:after { &:after {
content: ''; content: '';
background-image: url('../resources/img/skew-background.svg'); background-image: url('../resources/img/skew-background.svg');
background-size: 100% 100%; background-size: 100% 100%;
@ -14,10 +13,6 @@
background-position: center; background-position: center;
@apply absolute inset-0; @apply absolute inset-0;
transform: scaleX(-1); transform: scaleX(-1);
} */
&__background {
@apply absolute inset-0 w-full h-full;
/* transform: scaleX(-1); */
} }
.narrative-card__cover { .narrative-card__cover {
@ -61,16 +56,11 @@
--margin: 1rem; --margin: 1rem;
@apply flex justify-center items-center w-full h-auto object-cover border border-primary mx-auto; @apply flex justify-center items-center w-full h-auto object-cover border border-primary mx-auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
max-width: 300px;
@screen lg {
aspect-ratio: 1/1;
}
img { img {
@apply w-full h-full object-cover; @apply w-full h-full object-cover;
width: calc(100% - var(--margin)); width: calc(100% - var(--margin));
height: calc(100% - var(--margin)); height: calc(100% - var(--margin));
object-position: center; object-position: center;
} }
} }
@ -88,9 +78,6 @@
.narrative-card__content h6 { .narrative-card__content h6 {
@apply !text-primary uppercase; @apply !text-primary uppercase;
@apply text-3xl; font-size: 2.25rem;
@screen lg {
font-size: 2.25rem;
}
} }
} }