✨ permalink option
This commit is contained in:
@@ -1070,13 +1070,45 @@ footer.compact-footer .footer-section:not(:last-child)::after {
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
EMBED FEATURE STYLES
|
||||
SHARE/EMBED FEATURE STYLES
|
||||
============================================================ */
|
||||
|
||||
/* Embed button section */
|
||||
.comic-embed-section {
|
||||
/* Share section (contains permalink and embed buttons) */
|
||||
.comic-share-section {
|
||||
margin-top: var(--space-lg);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: var(--space-md);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Permalink button */
|
||||
.btn-permalink {
|
||||
padding: var(--space-sm) var(--space-lg);
|
||||
background-color: var(--color-background);
|
||||
border: var(--border-width-thin) solid var(--color-border);
|
||||
color: var(--color-text);
|
||||
font-family: var(--font-family);
|
||||
font-size: var(--font-size-md);
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: var(--letter-spacing-tight);
|
||||
transition: background-color var(--transition-speed);
|
||||
}
|
||||
|
||||
.btn-permalink:hover {
|
||||
background-color: var(--color-hover-bg);
|
||||
}
|
||||
|
||||
.btn-permalink:focus {
|
||||
outline: 3px solid var(--color-primary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.btn-permalink.copied {
|
||||
background-color: var(--color-primary);
|
||||
color: var(--color-background);
|
||||
}
|
||||
|
||||
/* Embed button */
|
||||
|
||||
Reference in New Issue
Block a user