Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handling page styles

Browse Source
This commit is contained in:
Antoine M 2024-02-15 18:51:58 +01:00
parent fc9976b7f0
commit 217c223577
1 changed files with 36 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/assets/css/pages/Profile.scss
View File

@ -1,6 +1,40 @@
.page-container--profile { .page-container--profile {
.profile-select {
@apply grid sm:grid-cols-2 md:grid-cols-4 list-none gap-2;
&__profile-type {
@apply flex flex-col justify-center items-center py-10 px-3 rounded-lg cursor-pointer gap-2;
transition: all 0.3s ease-in-out;
&:hover,
&--selected {
@apply bg-slate-100;
transform: scale(1.05) rotate(1deg);
}
&:hover:nth-child(even),
&--selected:nth-child(even) {
transform: scale(1.05) rotate(-1deg);
}
&[is-current="true"] {
@apply bg-slate-100;
transform: scale(1.1) rotate(-1deg);
}
&[is-current="true"]:nth-child(even) {
transform: scale(1.1) rotate(1deg);
}
img {
@apply w-auto h-32;
pointer-events: none;
}
}
.titling-construction {
@apply mt-4 text-2xl;
}
// &__profile-type:hover,
// &__profile-type--selected {
// @apply bg-neutral-100;
// }
}
.cta--next { .cta--next {
@apply mx-auto; @apply mx-auto mb-8;
transform: translateY(50%); // transform: translateY(50%);
} }
} }