Add Sass stylesheets
This commit is contained in:
parent
a0c1dedf59
commit
defbea9acf
2 changed files with 78 additions and 0 deletions
59
src/styles/Header.scss
Normal file
59
src/styles/Header.scss
Normal 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
19
src/styles/index.scss
Normal 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;
|
||||
}
|
||||
}
|
Reference in a new issue