mirror of
https://github.com/WenPai-org/wpnav-links.git
synced 2025-08-03 11:11:29 +08:00
135 lines
No EOL
2.9 KiB
CSS
135 lines
No EOL
2.9 KiB
CSS
a[data-wpnav-external] {
|
|
position: relative;
|
|
}
|
|
|
|
a[data-wpnav-external] .wpnav-external-icon {
|
|
display: inline-block;
|
|
font-size: 0.8em;
|
|
margin-left: 3px;
|
|
opacity: 0.6;
|
|
transition: opacity 0.2s;
|
|
vertical-align: super;
|
|
line-height: 1;
|
|
color: rgb(100, 105, 112);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a[data-wpnav-external]:hover .wpnav-external-icon {
|
|
opacity: 1;
|
|
color: rgb(29, 35, 39);
|
|
}
|
|
|
|
a[data-wpnav-external]:focus .wpnav-external-icon {
|
|
opacity: 1;
|
|
color: rgb(34, 113, 177);
|
|
}
|
|
|
|
.wpnav-external-icon-box::after {
|
|
content: "⧉";
|
|
font-size: 0.7em;
|
|
margin-left: 2px;
|
|
opacity: 0.5;
|
|
color: rgb(100, 105, 112);
|
|
}
|
|
|
|
.wpnav-external-icon-arrow::after {
|
|
content: "↗";
|
|
font-size: 0.8em;
|
|
margin-left: 2px;
|
|
opacity: 0.6;
|
|
color: rgb(100, 105, 112);
|
|
}
|
|
|
|
.entry-content a[data-wpnav-external] .wpnav-external-icon,
|
|
.comment-content a[data-wpnav-external] .wpnav-external-icon {
|
|
color: rgb(34, 113, 177);
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.entry-content a[data-wpnav-external]:hover .wpnav-external-icon,
|
|
.comment-content a[data-wpnav-external]:hover .wpnav-external-icon {
|
|
opacity: 1;
|
|
}
|
|
|
|
.widget a[data-wpnav-external] .wpnav-external-icon {
|
|
color: rgb(80, 87, 94);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.widget a[data-wpnav-external]:hover .wpnav-external-icon {
|
|
opacity: 1;
|
|
color: rgb(34, 113, 177);
|
|
}
|
|
|
|
.menu a[data-wpnav-external] .wpnav-external-icon,
|
|
.nav-menu a[data-wpnav-external] .wpnav-external-icon {
|
|
font-size: 0.7em;
|
|
margin-left: 2px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.site-footer a[data-wpnav-external] .wpnav-external-icon {
|
|
color: rgb(140, 143, 148);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.site-footer a[data-wpnav-external]:hover .wpnav-external-icon {
|
|
opacity: 1;
|
|
color: rgb(80, 87, 94);
|
|
}
|
|
|
|
.wp-block-button__link[data-wpnav-external] .wpnav-external-icon,
|
|
.button[data-wpnav-external] .wpnav-external-icon {
|
|
color: inherit;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
@media (prefers-contrast: high) {
|
|
a[data-wpnav-external] .wpnav-external-icon {
|
|
opacity: 1;
|
|
font-weight: bold;
|
|
color: #000;
|
|
}
|
|
|
|
a[data-wpnav-external]:hover .wpnav-external-icon {
|
|
color: rgb(34, 113, 177);
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
a[data-wpnav-external] .wpnav-external-icon {
|
|
transition: none;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.wpnav-external-icon {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.screen-reader-text.wpnav-external-text {
|
|
position: absolute !important;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
word-wrap: normal !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
a[data-wpnav-external]:focus-visible {
|
|
outline: 2px solid rgb(34, 113, 177);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
a[data-wpnav-external] .wpnav-external-icon {
|
|
font-size: 0.75em;
|
|
margin-left: 2px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
a[data-wpnav-external] .wpnav-external-icon {
|
|
font-size: 0.7em;
|
|
margin-left: 1px;
|
|
}
|
|
} |