mirror of
https://github.com/element-hq/matrix-authentication-service.git
synced 2026-05-15 21:06:37 +00:00
Eric Eastwood
51 lines
1.2 KiB
CSS
51 lines
1.2 KiB
CSS
/* Copyright 2024, 2025 New Vector Ltd.
|
|
* Copyright 2023, 2024 The Matrix.org Foundation C.I.C.
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
* Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
.cpd-link {
|
|
display: inline-block;
|
|
color: var(--cpd-color-text-primary);
|
|
font-weight: var(--cpd-font-weight-medium);
|
|
border-radius: var(--cpd-radius-pill-effect);
|
|
padding-inline: 0.25rem;
|
|
}
|
|
|
|
/* Only underline and add hover/active styles if it actually links to something and
|
|
there is something to interact with */
|
|
.cpd-link[href] {
|
|
text-decoration: underline;
|
|
|
|
&[data-kind="primary"] {
|
|
color: var(--cpd-color-text-primary);
|
|
}
|
|
|
|
&[data-kind="critical"] {
|
|
color: var(--cpd-color-text-critical-primary);
|
|
}
|
|
|
|
@media (hover) {
|
|
&[data-kind="primary"]:hover {
|
|
background: var(--cpd-color-gray-300);
|
|
}
|
|
|
|
&[data-kind="critical"]:hover {
|
|
background: var(--cpd-color-red-300);
|
|
}
|
|
}
|
|
|
|
&:active {
|
|
color: var(--cpd-color-text-on-solid-primary);
|
|
}
|
|
|
|
&[data-kind="primary"]:active {
|
|
background: var(--cpd-color-text-primary);
|
|
}
|
|
|
|
&[data-kind="critical"]:active {
|
|
background: var(--cpd-color-text-critical-primary);
|
|
}
|
|
}
|