to TypeScript

This commit is contained in:
Artur Akmalov
2023-05-21 17:54:37 +05:00
parent 7b121b4861
commit f85f2dc3ae
45 changed files with 2710 additions and 1101 deletions
+37 -102
View File
@@ -6,116 +6,51 @@
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #000000;
--ifm-color-primary-dark: #000000;
--ifm-color-primary-darker: #000000;
--ifm-color-primary-darkest: #000000;
--ifm-color-primary-light: #000000;
--ifm-color-primary-lighter: #000000;
--ifm-color-primary-lightest: #000000;
--ifm-color-primary: #242526;;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%;
--ifm-footer-padding-vertical: 20px;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}
html[data-theme="dark"] {
--ifm-color-primary: #ffffff;
--ifm-color-primary-dark: #e6e6e6;
--ifm-color-primary-darker: #d9d9d9;
--ifm-color-primary-darkest: #b3b3b3;
--ifm-color-primary-light: #ffffff;
--ifm-color-primary-lighter: #ffffff;
--ifm-color-primary-lightest: #ffffff;
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
--ifm-color-primary: #efefeffd;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
#post-content a:not(.button),
.markdown a:not(.button) {
text-decoration: underline;
.footer {
--ifm-footer-background-color: #242526;
--ifm-footer-color: var(--ifm-footer-link-color);
--ifm-footer-link-color: var(--ifm-color-secondary);
--ifm-footer-title-color: var(--ifm-color-white);
}
article h1 {
font-size: 2.25rem !important;
}
article h2 {
font-size: 2rem !important;
}
.navbar__link--active,
.navbar__link--active:hover {
text-decoration: underline;
text-decoration-thickness: 3px;
text-underline-offset: 21px;
}
.table-of-contents__link--active {
/* h2 {
font-family: "Inter", sans-serif;
font-weight: 700;
font-size: 1em;
font-weight: bold;
} */
.header-github-link:hover {
opacity: 0.6;
}
.margin-horiz--auto {
margin-left: auto;
margin-right: auto;
}
.w-full {
width: 100%;
}
/* https://docusaurus.io/docs/markdown-features/code-blocks#line-highlighting */
.docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.1);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}
html[data-theme="dark"] .docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.3);
}
label {
font-weight: var(----ifm-font-weight-semibold);
}
.form-field input,
.form-field textarea {
background-color: var(--ifm-color-emphasis-300);
border: 2px solid var(--ifm-color-emphasis-400);
border-radius: 6px;
font-family: inherit;
font-size: 1rem;
outline: none;
padding: 1rem;
width: 100%;
}
input:focus,
textarea:focus {
border-color: var(--ifm-color-emphasis-600);
}
::placeholder {
color: var(--ifm-color-emphasis-800);
opacity: 1;
}
::-ms-input-placeholder {
color: var(--ifm-color-emphasis-800);
}
html[data-theme="dark"] .DocSearch-Hit[aria-selected="true"] a {
background-color: #000;
}
.navbar__inner {
.header-github-link::before {
content: '';
width: 24px;
height: 24px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
/* max-width: var(--ifm-container-width); */
/* max-width: 1280px;
margin: 0 auto; */
}
.hero__subtitle2 {
font-size: 2.5rem;
}
background: url("/img/github.svg") 0 center / 25px 25px no-repeat;
}
-59
View File
@@ -1,59 +0,0 @@
/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
--ifm-color-primary: #25c2a0;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
/* .navbar { */
/* border-bottom: 1px solid var(--ifm-color-emphasis-200); */
/* margin: 0 auto; */
/* width: 100%; */
/* max-width: var(--ifm-container-width); */
/* } */
/**
#212529
.navbar {
background-color: var(--ifm-navbar-background-color);
box-shadow: var(--ifm-navbar-shadow);
display: flex;
height: var(--ifm-navbar-height);
padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal);
margin: 0 auto;
width: 100%;
max-width: var(--ifm-container-width);
}
*/
.navbar__items {
align-items: center;
display: flex;
flex: 1;
max-width: var(--ifm-container-width);
margin: 0 auto;
}