mirror of
https://github.com/storytold/spark.git
synced 2026-10-09 00:09:53 +00:00
121 lines
1.8 KiB
CSS
121 lines
1.8 KiB
CSS
@font-face {
|
|
font-family: "Inter";
|
|
src: url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Limelight&display=swap);
|
|
}
|
|
|
|
:root {
|
|
--color-dark: white;
|
|
--color-light: black;
|
|
--md-primary-fg-color: #d43e4c;
|
|
--md-accent-fg-color: #cb6065;
|
|
--md-text-font: "Inter";
|
|
}
|
|
|
|
.md-typeset .md-button.md-button--primary {
|
|
background-color: --md-primary-fg-color;
|
|
border-color: --md-primary-fg-color;
|
|
color: white;
|
|
padding: 0.75em 2em;
|
|
font-size: 1rem;
|
|
border-radius: .75rem;
|
|
}
|
|
|
|
.md-button.md-button--primary:hover {
|
|
opacity: 1.0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.md-header__button.md-logo {
|
|
color: white;
|
|
}
|
|
|
|
.md-search__form {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.icon-github {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
.icon-github path {
|
|
fill: white;
|
|
}
|
|
|
|
.md-logo {
|
|
height: 40px;
|
|
}
|
|
|
|
.md-logo:hover {
|
|
text-decoration: none;
|
|
opacity: 1.0;
|
|
}
|
|
|
|
.md-header {
|
|
padding: 5px;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.md-header__inner {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.md-header__links {
|
|
display: flex;
|
|
gap: 1rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.md-nav {
|
|
line-height: 2;
|
|
}
|
|
|
|
.md-nav__link {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.md-nav__link:hover,
|
|
.md-nav__link:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.md-header__option {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.md-search {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.md-header__topic {
|
|
display: flex;
|
|
gap: 1.25rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.md-custom-header,
|
|
.md-header__title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.md-custom-header-right {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.md-custom-header-right .md-nav__link:hover {
|
|
color: white;
|
|
}
|