feat: 50 игр на Lua + импорт Roblox для всех + поддержка Lua в плеере #39
@ -189,67 +189,55 @@ export const DOCS_LANG_STYLES = `
|
|||||||
|
|
||||||
.docsLangTabs {
|
.docsLangTabs {
|
||||||
margin: 12px 0;
|
margin: 12px 0;
|
||||||
border-radius: 8px;
|
border-radius: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: 1px solid #2a3050;
|
border: 1px solid #e0e6f0;
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
.docsLangTabs__head {
|
.docsLangTabs__head {
|
||||||
display: flex;
|
display: flex;
|
||||||
background: #181b2c;
|
background: #f4f6fb;
|
||||||
border-bottom: 1px solid #2a3050;
|
border-bottom: 1px solid #e0e6f0;
|
||||||
}
|
}
|
||||||
.docsLangTabs__tab {
|
.docsLangTabs__tab {
|
||||||
padding: 8px 18px;
|
padding: 9px 18px;
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #888da6;
|
color: #64748b;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
border-bottom: 2px solid transparent;
|
border-bottom: 2px solid transparent;
|
||||||
}
|
}
|
||||||
.docsLangTabs__tab:hover { color: #c8cce0; }
|
.docsLangTabs__tab:hover { color: #1e293b; }
|
||||||
.docsLangTabs__tab.is-active {
|
.docsLangTabs__tab.is-active {
|
||||||
color: #fff;
|
color: #1e3a8a;
|
||||||
border-bottom-color: #4a8bff;
|
border-bottom-color: #3357ff;
|
||||||
background: #1f2338;
|
background: #fff;
|
||||||
}
|
}
|
||||||
.docsLangTabs__body {
|
.docsLangTabs__body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
.docsLangTabs__body > pre,
|
.docsLangTabs__body > pre,
|
||||||
.docsLangTabs__body > .docCode { margin: 0; border-radius: 0; }
|
.docsLangTabs__body > .docCode { margin: 0; border-radius: 0; }
|
||||||
|
|
||||||
.docTable {
|
/* Заголовки колонок таблицы (th) — в основных стилях вики не определены.
|
||||||
width: 100%;
|
Делаем светлыми чтобы не сливались с фоном таблицы. */
|
||||||
border-collapse: collapse;
|
|
||||||
margin: 12px 0;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
.docTable th, .docTable td {
|
|
||||||
border: 1px solid #2a3050;
|
|
||||||
padding: 8px 10px;
|
|
||||||
text-align: left;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.docTable th {
|
.docTable th {
|
||||||
background: #1a1d2e;
|
padding: 9px 14px;
|
||||||
color: #c8cce0;
|
background: #eef2ff;
|
||||||
font-weight: 600;
|
color: #1e3a8a;
|
||||||
}
|
font-size: 13px;
|
||||||
.docTable td:first-child {
|
font-weight: 700;
|
||||||
background: #181b2c;
|
text-align: left;
|
||||||
width: 25%;
|
border-bottom: 1px solid #d4dcef;
|
||||||
color: #aab0c8;
|
border-right: 1px solid #eef2f7;
|
||||||
}
|
|
||||||
/* Код-плашки в моих docLang-таблицах — наследуют .docsSectionBody code
|
|
||||||
(тёплый янтарь на светлом). Перебиваем только если внутри тёмной LangTabs. */
|
|
||||||
.docsLangTabs__body .docTable code {
|
|
||||||
background: #2a2f4a;
|
|
||||||
color: #ffd86b;
|
|
||||||
border: 1px solid #3a4068;
|
|
||||||
}
|
}
|
||||||
|
.docTable th:last-child { border-right: none; }
|
||||||
|
.docTable thead tr:first-child th:first-child { border-top-left-radius: 12px; }
|
||||||
|
.docTable thead tr:first-child th:last-child { border-top-right-radius: 12px; }
|
||||||
|
|
||||||
.langChoiceOverlay {
|
.langChoiceOverlay {
|
||||||
position: fixed; inset: 0;
|
position: fixed; inset: 0;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user