Шаблон:Кубковая сетка/theme-compact.css

/*
 * Шаблон:Кубковая сетка/theme-compact.css   (пример темы, необязательно)
 * ---------------------------------------------------------------------------
 * Подключается параметром  theme = compact : шаблон добавляет эту страницу
 * к styles.css, а модуль ставит корню класс .cb--theme-compact.
 * Любая тема — это такая же страница theme-<имя>.css, где все селекторы
 * начинаются с .cb--theme-<имя>, чтобы не задевать другие сетки на странице.
 *
 * Тема «compact»: мельче шрифт, уже колонки, короче ячейка счёта.
 * Все размеры в styles.css заданы в em, поэтому уменьшение font-size
 * пропорционально сжимает и матчи, и соединительные линии.
 */

.cb--theme-compact {
	font-size: 80%;
}

.cb--theme-compact .cb-item {
	min-width: 10em;             /* max-width (20em) остаётся из styles.css */
}

.cb--theme-compact .cb-score {
	flex-basis: 2.6em;
}

.cb--theme-compact .cb-conn {
	width: 1.2em;
}

.cb--theme-compact .cb-head {
	margin-bottom: 0.5em;
	font-size: 95%;
}

/*
 * Рецепт: сетка БЕЗ подписей «дата — место» над матчами (например, в своей
 * теме theme-bare.css). Подпись входит в геометрию (styles.css, раздел 3),
 * поэтому вместе с ней меняется смещение D = (C − G) / 2:
 * C = 0, G = 0.4em  →  D = −0.2em. Во всех правилах соединителей
 * «+ 0.6em» заменяется на «− 0.2em», а «− 0.6em» — на «+ 0.2em»:
 *
 * .cb--theme-bare .cb-caption { display: none; }
 * .cb--theme-bare .cb-conn--top .cb-conn-out    { top: calc(50% - 0.2em - 1px); bottom: calc(0.2em - 1px); }
 * .cb--theme-bare .cb-conn--bottom .cb-conn-out { top: calc(-0.2em - 1px); bottom: calc(50% + 0.2em - 1px); }
 * .cb--theme-bare .cb-conn--top .cb-conn-in     { top: calc(100% - 0.2em - 1px); }
 * .cb--theme-bare .cb-conn--bottom .cb-conn-in  { top: calc(-0.2em - 1px); }
 */