Модуль:Shortcut/styles.css

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
.ts-shortcut {
	background-color: var(--background-color-base, #fff);
	border: 1px solid var(--background-color-content-added, #afb6e9);
	display: flex;
	font-size: 85%;
	margin: 0.25em 0;
	width: max-content;
}

.ts-shortcut > * {
	padding: 0.4em;
}

.ts-shortcut-indicator {
	font-weight: bold;
}

.ts-shortcut .ts-shortcut-anchors {
	padding: 0;
}

.ts-shortcut-image {
	align-items: center;
	background-color: var(--background-color-progressive-subtle, #eaf3ff);
	display: flex;
}

.ts-shortcut-list {
	align-self: center;
	line-height: 1.4;
	font-weight: bold;
}

/* перенос костыля из [[Модуль:Shortcut]] */
.ts-shortcut-invisible a {
	color: inherit;
}

@media (min-width: 720px) {
	.ts-shortcut {
		float: right;
		margin-left: 1em;
	}
	
	/* отмена эффектов hlist для десктопов */
	.ts-shortcut-list.hlist li {
		display: block;
		white-space: nowrap;
	}
	
	.ts-shortcut-list.hlist li::after {
		display: none;
	}
}

/* [[Категория:Шаблоны:Подстраницы CSS]] */