112 lines
1.4 KiB
SCSS
112 lines
1.4 KiB
SCSS
@import "reset";
|
|
@import "fonts";
|
|
|
|
body {
|
|
background: #f8fafc;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1100px;
|
|
|
|
width: 100%;
|
|
|
|
margin: 0 auto;
|
|
}
|
|
|
|
ul, ol {
|
|
list-style-position: inside;
|
|
}
|
|
|
|
.pageHero {
|
|
background-image: url('../img/spawn.jpg');
|
|
|
|
background-position: center;
|
|
|
|
color: #fff;
|
|
|
|
height: 240px;
|
|
|
|
> .blurFiler {
|
|
backdrop-filter: blur(2px);
|
|
|
|
padding: 8px 0;
|
|
|
|
height: calc(100% - (8px + 8px));
|
|
|
|
> .container {
|
|
height: 100%;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pageNav {
|
|
width: 100svw;
|
|
|
|
background: #f1f5f9;
|
|
|
|
> .container {
|
|
padding: 16px 0;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
> ul {
|
|
list-style: none;
|
|
|
|
display: flex;
|
|
|
|
gap: 8px;
|
|
|
|
> li {
|
|
> a {
|
|
color: #0f172a;
|
|
|
|
text-decoration: none;
|
|
|
|
padding: 8px 16px;
|
|
|
|
border-radius: 32px;
|
|
|
|
&:hover, &.active {
|
|
background: rgba(15, 23, 42, 0.1);
|
|
}
|
|
|
|
&.buttonPrimary {
|
|
background: #6366f1;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.pageContent {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.pageFooter {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
> .left {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
> .right {
|
|
|
|
}
|
|
} |