diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css index 5be4505..b300c77 100644 --- a/resources/css/blocks/chapter-section.css +++ b/resources/css/blocks/chapter-section.css @@ -72,6 +72,21 @@ &--small { @apply !h-12; } + &--classic { + @apply !rounded-none; + } + &--photoframe { + @apply object-cover; + border: 20px solid white; + box-sizing: content-box; + filter: saturate(0); + transition: all 0.3s ease; + + &:hover { + filter: saturate(1); + scale: 1.01; + } + } } &__background { @@ -96,3 +111,9 @@ z-index: 2; } } + +.chapter-section:nth-child(even) { + .chapter-section__cover--photoframe { + @apply -rotate-1; + } +}