korbs/Pandora
1
0
Fork 0
mirror of https://ark.sudovanilla.org/Korbs/Pandora.git synced 2024-12-22 19:13:52 +00:00
Code Activity

Adjust style for mobile on the CallToAction component

Browse source
This commit is contained in:
Korbs 2024-12-10 00:52:37 -05:00
parent 9d9328ff9a
commit 9468de6166
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/blocks/CallToAction.astro
View file

@ -54,9 +54,11 @@ import Image from '../Image.astro'
margin: 24px 0px 140px 0px; margin: 24px 0px 140px 0px;
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
flex-direction: column-reverse !important; flex-direction: column-reverse !important;
margin-bottom: 48px;
} }
&:nth-child(odd) { &:nth-child(odd) {
flex-direction: row-reverse !important; flex-direction: row-reverse !important;
@media screen and (max-width: 800px) {flex-direction: column !important}
img { img {
box-shadow: 10px 10px 0px 0px var(--pandora-shadows); box-shadow: 10px 10px 0px 0px var(--pandora-shadows);
transition: 1s box-shadow; transition: 1s box-shadow;
@ -67,6 +69,7 @@ import Image from '../Image.astro'
} }
} }
&:nth-child(even) { &:nth-child(even) {
@media screen and (max-width: 800px) {flex-direction: column !important}
img { img {
box-shadow: -10px 10px 0px 0px var(--pandora-shadows); box-shadow: -10px 10px 0px 0px var(--pandora-shadows);
transition: 1s box-shadow; transition: 1s box-shadow;
@ -78,15 +81,23 @@ import Image from '../Image.astro'
} }
.pd-cta-start { .pd-cta-start {
position: relative; position: relative;
@media screen and (max-width: 800px) {width: 100% !important}
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 12px; border-radius: 12px;
@media screen and (max-width: 800px) {
box-shadow: none !important;
}
} }
} }
.pd-cta-end { .pd-cta-end {
min-width: 50%; min-width: 50%;
max-width: 50%; max-width: 50%;
@media screen and (max-width: 800px) {
max-width: 100%;
width: 100%;
}
a { a {
background: transparent; background: transparent;
border: 1px var(--pandora-borders) solid !important; border: 1px var(--pandora-borders) solid !important;