handmade-revolt/src/pages/home/Home.module.scss

57 lines
1.0 KiB
SCSS

.home {
height: 100%;
user-select: none;
position: relative;
.homeScreen {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 12px;
h3 {
margin: 20px 0;
font-size: 48px;
text-align: center;
img {
height: 36px;
}
}
a {
font-size: 13px;
}
.actions {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
max-width: 650px;
margin-bottom: 30px;
a {
width: 100%;
div {
margin: 0;
}
}
@media (max-width: 600px) {
grid-template-columns: repeat(1, 1fr);
}
> * > * {
height: 100%;
}
}
}
}
[data-light="true"] .home svg {
filter: invert(100%);
}