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

refactoring page container

Browse Source
This commit is contained in:
Antoine M 2024-02-01 18:23:07 +01:00
parent 685d3af7d5
commit e66fdc8ea5
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/assets/css/components/Page-container.scss Normal file
View File

@ -0,0 +1,23 @@
.page-container {
@apply overflow-hidden;
$margin: 20px;
.screen {
@apply flex flex-col justify-center items-center relative overflow-hidden;
@apply bg-purple-500 lg:bg-tahiti-200;
height: calc(99.8dvh - $margin * 2);
width: calc(100% - $margin * 2);
margin: $margin auto 0 auto;
}
.screen {
&__content {
@apply text-center pt-12 px-16 w-fit mx-auto h-auto overflow-visible relative;
padding-bottom: -100px;
background-image: url("../../img/mask.svg");
background-position: center;
background-size: cover;
}
}
}