Примечание:
Эта страница содержит визуальную тему, используемую на данной вики.
Подключение темы к другим страницам осуществляется с помощью следующего кода (указывается в начале страницы):
[[include theme:bedrock]]
Страница, объединяющая все визуальные темы в единый список, расположена по ссылке: Хаб визуальных тем.
[[include theme:bedrock]]
Содержание |
Examples
A horizontal rule can be created with 4 hyphens "----" 1 and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.- Tabulator
- Tabulation
- Long Tab
- This tab has a really long name for some odd reason. I wonder why? It is very strange.
- Empty Tab
- Empty Tab
- Empty Tab
- Empty Tab
- Empty Tab
This is a tab view.
This is a blockquote, created by putting "> " at the start of each line.
More textThat's a horizontal rule
Nested blockquotes
This is a | table |
---|---|
You should know | how to make these |
already |
Header font is Lexend.
Body font is Inter.
UI font is Jost.
Monospace font is JetBrains Mono.
CSS Variables
Bedrock is built on a series of CSS variables, which can be changed to alter its appearance. Some top-level variables are::root { --basalt-primary-color: 254,254,254; --basalt-secondary-color: 247,248,250; --basalt-tertiary-color: 218,219,222; --basalt-main-text-color: 20,20,20; --basalt-overtone: 50,50,50; --basalt-undertone: 61,71,202; --basalt-bright-element-color: 16,76,184; --basalt-dark-element-color: 18,20,150; --basalt-alternate-color: 255,132,0; --basalt-positive-color: 24,163,20; --basalt-negative-color: 255,48,48; --basalt-cancel-color: var(--basalt-negative-color); --basalt-sub-text-color: 155,154,162; --basalt-light-text-color: var(--basalt-primary-color); --basalt-UI-dark-palette: var(--basalt-overtone); --basalt-focus-color: var(--basalt-undertone); --basalt-background-color: var(--basalt-primary-color); }
:root { --header-font-primary: 'Lexend'; --UI-font-primary: 'Jost'; --body-font-primary: 'Inter'; --mono-font-primary: 'JetBrains Mono'; }
:root { --header-logo: url('https://cdn.scpwiki.com/theme/en/basalt/basaltlogo.svg'); --header-title: 'SCP Foundation'; --header-subtitle: 'SECURE - CONTAIN - PROTECT'; --title-size: 1.5rem; --subtitle-size: 0.825rem; --base-font-size: 1rem; --main-content-width: 67.5rem; --side-bar-width: 19rem; }
calc()
function, any variables with length unit such as rem or px should not be discarded even when the value is set to 0, e.g. --subtitle-size: 0rem;
makes the subtitle disappear but doesn't invalidate the calc()
function.--main-content-width
should not be set with % unit. To have the main area take up full screen width, use an arbitrarily high rem value instead.