Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Module:Hatnote/styles.css: Difference between revisions

From AoM Retold
Content deleted Content added
No edit summary
Tag: Manual revert
No edit summary
 
(One intermediate revision by the same user not shown)
Line 2: Line 2:
display: flex;
display: flex;
align-items: center;
align-items: center;
padding: 1rem;
padding: 0.75rem 1rem;
margin-top: 1rem;
margin-top: 0.5rem;
margin-bottom: 2rem;
margin-bottom: 1rem;
background: var( --color-surface-2 );
background: var( --color-surface-2 );
border-radius: 2rem;
border-radius: 8px;
color: grey;
color: var( --color-base--subtle );
font-size: small;
font-size: 0.875rem;
line-height: 1;
line-height: 1.25rem;
}
}


.hatnote-icon img {
.hatnote-icon img {
display: block;
display: block;
width: 1rem;
width: 0.875rem;
height: auto;
height: auto;
margin-right: 1rem;
margin-right: 0.5rem;
opacity: 0.5;
opacity: 0.6;
filter: grayscale(70%);
filter: invert(100%);
}
}

Latest revision as of 16:08, 29 September 2024

.hatnote-container {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    background: var( --color-surface-2 );
    border-radius: 8px;
    color: var( --color-base--subtle );
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.hatnote-icon img {
    display: block;
    width: 0.875rem;
    height: auto;
    margin-right: 0.5rem;
    opacity: 0.6;
    filter: invert(100%);
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies. We only use cookie to make the site function and save your preferences, nothing else.