Walidoux/next-app-boilerplate
Walidoux/next-app-boilerplate
Template
1
1
Fork 0
Code Issues Pull Requests Actions Releases Activity

refactor(styles): add content styles for home page

Browse Source
This commit is contained in:
Walid 2022-04-13 00:18:09 +00:00
parent 0c856ec7eb
commit fc52bf23f5
No known key found for this signature in database
GPG Key ID: 4BDA1ABD227F9279
1 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
styles/pages/home.module.scss
View File

@ -6,8 +6,44 @@
min-height: 100vh;
max-width: 100vw;
background: hsla(0deg 0% 0% / 50%);
.message {
@extend %title;
.title {
@extend %typo-title;
}
.subtitle {
@extend %typo-subtitle;
}
:where(.title, .subtitle) {
font-style: italic;
}
.redirect-link {
@include display-flex(center, center, row);
@extend %typo-button;
text-decoration: none;
color: hsla(0deg 0% 0% / 100%);
background: hsla(0deg 100% 100% / 100%);
border-radius: 8px;
margin-top: 30px;
&:hover {
color: hsla(0deg 100% 100% / 100%);
background: hsla(0deg 0% 0% / 100%);
}
.text {
margin-left: 10px;
}
}
.video {
position: fixed;
min-height: 100vh;
width: 100vw;
z-index: -100;
}
}