Archived
Template
1
Fork 0

Add Sass stylesheets

This commit is contained in:
get 2024-01-30 11:02:23 -05:00
parent a0c1dedf59
commit defbea9acf
No known key found for this signature in database
2 changed files with 78 additions and 0 deletions

59
src/styles/Header.scss Normal file
View file

@ -0,0 +1,59 @@
header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
backdrop-filter: blur(10px);
background: rgb(13 13 13 / 80%);
border-bottom: 1px gray solid;
display: flex;
justify-content: center;
align-content: center;
padding: 12px 0px;
.header-content {
max-width: 1200px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
cursor: default;
a {
text-decoration: none;
}
.header-start {
a {
font-weight: bold;
display: flex;
align-items: center;
img {
width: 42px;
height: 42px;
margin-right: 12px;
}
}
}
.header-center {
a {
color: white;
background: transparent;
border-radius: 3rem;
padding: 4px 16px;
&:hover {
background: rgba(255, 255, 255, 0.25);
}
}
#selected {
background: white;
color: black;
}
}
.header-end {
svg {
transform: translate(0px, 6px);
}
a {
padding: 4px 16px;
}
}
}
}

19
src/styles/index.scss Normal file
View file

@ -0,0 +1,19 @@
@font-face {
font-family: SansSourcePro;
src: url(/fonts/Source-Sans-3/static/SourceSans3-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: SansSourcePro;
src: url(/fonts/Source-Sans-3/static/SourceSans3-Bold.ttf);
font-weight: bold;
}
body {
background: black;
color: white;
font-family: SansSourcePro;
a {
color: white;
}
}