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

/*
-- source: https://ru.wikipedia.org/wiki/Модуль:Shortcut/styles.css
-- license: CC BY-SA 4.0
*/

.ts-shortcut {
	background-color: var(--theme-bg-color-150);
	border: 1px solid var(--color-contrast);
	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(--color-contrast-dark);
	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]] */