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

refining component style

Browse Source
This commit is contained in:
Antoine M 2025-02-05 17:16:54 +01:00
parent a1138aace2
commit 3d72d00c57
3 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/css/blocks/chapter-section.css
View File

@ -1,26 +1,26 @@
.chapter-section { .chapter-section {
@apply flex items-center justify-center 2xl:gap-12 !my-0; @apply flex items-center justify-center 2xl:gap-12 !my-0 px-12;
/* min-height: 80vh; */ /* min-height: 80vh; */
@apply xl:pt-32; @apply xl:pt-32;
@apply mx-auto; @apply mx-auto;
& + *:not(.simple-screen) { /* & + *:not(.simple-screen) {
@apply xl:mt-32; @apply xl:mt-32;
} } */
&--right { &--right {
@apply flex-row-reverse; @apply flex-row-reverse;
} }
&__content { &__content {
flex-shrink: 0; flex-shrink: 0;
@apply max-w-lg;
p { p {
@apply text-neutral-600; @apply text-neutral-600 max-w-sm;
} }
} }
&__innerblocks { &__innerblocks {
@apply max-w-xl; /* @apply max-w-xl; */
p { p {
@apply max-w-md;
} }
} }
&__cover { &__cover {

6
resources/css/blocks/gallery-website-screens.css
View File

@ -9,6 +9,12 @@
&.is-flex { &.is-flex {
@apply flex flex-nowrap; @apply flex flex-nowrap;
} }
&.is-mobile-capture {
@apply gap-24;
img {
@apply rounded-3xl max-w-60;
}
}
max-width: 1800px; max-width: 1800px;
} }

8
resources/css/blocks/portfolio-header.css
View File

@ -6,7 +6,7 @@
dispay: block; dispay: block;
&__cover { &__cover {
@apply absolute inset-0 bg-red-400 w-full !h-full object-cover; @apply absolute inset-0 w-full !h-full object-cover;
z-index: -1; z-index: -1;
} }
@ -19,7 +19,7 @@
} }
&__heading-infos { &__heading-infos {
@apply flex items-center justify-between text-white; @apply flex items-center justify-between;
@apply text-xs; @apply text-xs;
.project-type { .project-type {
@apply my-0 leading-relaxed; @apply my-0 leading-relaxed;
@ -27,10 +27,10 @@
} }
.client-logo { .client-logo {
@apply w-72 h-auto object-contain object-center mx-auto block my-12; @apply w-72 h-auto object-contain object-center mx-auto block my-12 relative;
} }
&__innerblocks { &__innerblocks {
@apply mx-auto max-w-lg text-white p-8 rounded-lg text-center text-sm; @apply mx-auto max-w-lg p-8 rounded-lg text-center text-sm;
} }
} }