Шаблон:Find item UIF/styles.css

.t-finditemuif {

	margin-top: var( --space-md );

}



.t-finditemuif a {

	padding: var( --space-sm ) var( --space-md );

	border: 1px solid var( --border-color-base );

    border-radius: var( --border-radius--medium );

    display: flex;

    align-items: center;

    gap: var( --space-sm );

    font-size: 0.875rem;

    text-decoration: none;

	line-height: var( --line-height-sm );

}



.t-finditemuif a::after {

	display: none;

}



.t-finditemuif a:hover {

	background: var( --background-color-quiet--hover );

}



.t-finditemuif a:active {

	background: var( --background-color-quiet--active );

}



.t-finditemuif__label {

	flex-grow: 1;

}



.t-finditemuif__title {

	color: var( --color-base--emphasized );

    font-weight: var( --font-weight-medium );

}



.t-finditemuif__subtitle {

    color: var( --color-base--subtle );

    font-size: 0.8125rem;

}



.t-finditemuif .mw-ui-icon-wikimedia-collapse {

	width: 1rem;

	height: 1rem;

	transform: rotate( 90deg );

	transition: var( --transition-hover );

}



.t-finditemuif a:hover .mw-ui-icon-wikimedia-collapse {

	transform: rotate( 90deg ) translateY( -4px );

}<syntaxhighlight lang="css" line="1">
.t-finditemuif {
	margin-top: var( --space-md );
}

.t-finditemuif a {
	padding: var( --space-sm ) var( --space-md );
	border: 1px solid var( --border-color-base );
    border-radius: var( --border-radius--medium );
    display: flex;
    align-items: center;
    gap: var( --space-sm );
    font-size: 0.875rem;
    text-decoration: none;
	line-height: var( --line-height-sm );
}

.t-finditemuif a::after {
	display: none;
}

.t-finditemuif a:hover {
	background: var( --background-color-quiet--hover );
}

.t-finditemuif a:active {
	background: var( --background-color-quiet--active );
}

.t-finditemuif__label {
	flex-grow: 1;
}

.t-finditemuif__title {
	color: var( --color-base--emphasized );
    font-weight: var( --font-weight-medium );
}

.t-finditemuif__subtitle {
    color: var( --color-base--subtle );
    font-size: 0.8125rem;
}

.t-finditemuif .mw-ui-icon-wikimedia-collapse {
	width: 1rem;
	height: 1rem;
	transform: rotate( 90deg );
	transition: var( --transition-hover );
}

.t-finditemuif a:hover .mw-ui-icon-wikimedia-collapse {
	transform: rotate( 90deg ) translateY( -4px );
}

&lt;/syntaxhighlight>