refactor(styles): add content styles for home page
This commit is contained in:
		| @@ -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; | ||||
|   } | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user