Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Please sign up or log in to edit the wiki.

Template:Find item UIF/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
Line 4: Line 4:


.t-finditemuif a {
.t-finditemuif a {
background: var( --color-surface-2 );
padding: var( --space-sm ) var( --space-md );
padding: var( --space-sm ) var( --space-md );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--medium );
border-radius: var( --border-radius--medium );
display: flex;
display: flex;
Line 20: Line 20:


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


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



Revision as of 18:40, 27 January 2024

.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__title {
	color: var( --color-base--emphasized );
    font-weight: var( --font-weight-medium );
}

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