website/static/src/scss/_homepage.scss
2022-07-04 20:06:04 +01:00

59 lines
1 KiB
SCSS

body.page-home-homepage {
main {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: $white;
margin-bottom: 0;
}
h1 {
font-size: 5rem;
}
.heading-wrapper {
text-align: center;
}
.latest {
padding: 0.25rem 0.5rem;
margin-top: 2rem;
background-color: transparentize($black, 0.2);
border-radius: $input-radius;
max-width: 75%;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&,
strong,
a {
color: $white !important;
}
}
input#search-input {
width: 85%;
margin-top: 15px;
text-align: center;
background-color: transparentize($black, 0.2) !important;
color: $white !important;
&::placeholder {
color: rgba(214, 210, 205, 0.8) !important;
}
&:focus {
border-color: initial !important;
}
}
#to-top {
display: none;
}
}