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