Files
tech-interview-handbook/website/src/css/custom.css
2022-02-03 09:08:28 +08:00

130 lines
3.0 KiB
CSS
Executable File

@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('/fonts/inter-var-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
:root {
--ifm-color-primary: #6565d5;
--ifm-color-primary-dark: #5959d2;
--ifm-color-primary-darker: #4c4cce;
--ifm-color-primary-darkest: #4040cb;
--ifm-color-primary-light: #7e7edc;
--ifm-color-primary-lighter: #8a8adf;
--ifm-color-primary-lightest: #afafe9;
--ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
'Helvetica Neue', sans-serif;
--ifm-font-size-base: 16px;
}
html[data-theme='dark'] {
--ifm-color-primary: #7f7ff0;
--ifm-color-primary-dark: rgb(114, 114, 216);
--ifm-color-primary-darker: rgb(108, 108, 204);
--ifm-color-primary-darkest: rgb(89, 89, 168);
--ifm-color-primary-light: rgb(146, 146, 242);
--ifm-color-primary-lighter: rgb(165, 165, 245);
--ifm-color-primary-lightest: rgb(191, 191, 248);
}
.markdown h1 {
margin-top: 1rem;
}
@media screen and (max-width: 767px) {
:root {
--ifm-font-size-base: 16px;
}
.markdown h1 {
--ifm-h1-font-size: 1.5rem;
}
.markdown h2 {
--ifm-h2-font-size: 1.375rem;
}
.markdown h3 {
--ifm-h3-font-size: 1.25rem;
}
}
div[class^='announcementBar_'] {
background-color: var(--ifm-color-primary);
color: #fff;
font-weight: bold;
}
.theme-doc-markdown details {
--ifm-alert-background-color: transparent;
border: 1px solid var(--ifm-color-primary);
}
.theme-doc-markdown details h2,
.theme-doc-markdown details h3,
.theme-doc-markdown details h4,
.theme-doc-markdown details h5,
.theme-doc-markdown details h6 {
margin-bottom: 0 !important;
}
.docs-doc-page .pagination-nav__item:first-child .pagination-nav__label::before,
.docs-doc-page .pagination-nav__item--next .pagination-nav__label::after {
content: '';
}
.pagination-nav__item .pagination-nav__label {
font-size: 1.5rem;
}
.docs-doc-page .pagination-nav__item {
max-width: 100%;
}
.navbar-icon:before {
background-repeat: no-repeat;
content: '';
display: flex;
height: 24px;
width: 24px;
transition: all 300ms ease-in-out;
}
.navbar-icon:hover {
opacity: 0.6;
}
.navbar-icon-github:before {
background-image: url('/img/icons8-github.svg');
}
html[data-theme='dark'] .navbar-icon-github:before {
background-image: url('/img/icons8-github-light.svg');
height: 28px;
width: 28px;
}
.navbar-icon-twitter:before {
background-image: url('/img/icons8-twitter.svg');
}
html[data-theme='dark'] .navbar-icon-twitter:before {
background-image: url('/img/icons8-twitter-light.svg');
}
.navbar-icon-facebook:before {
background-image: url('/img/icons8-facebook.svg');
}
html[data-theme='dark'] .navbar-icon-facebook:before {
background-image: url('/img/icons8-facebook-light.svg');
height: 28px;
width: 28px;
}