feat: post share button
This commit is contained in:
parent
6ca5bdba41
commit
1690b368fc
8 changed files with 73 additions and 13 deletions
|
@ -75,7 +75,14 @@ a svg {
|
|||
stroke: var(--accent-color);
|
||||
}
|
||||
|
||||
:is(a:has(svg):hover, a:has(svg):active, a:has(svg):focus) svg {
|
||||
:is(
|
||||
a:has(svg):hover,
|
||||
a:has(svg):active,
|
||||
a:has(svg):focus,
|
||||
button:has(svg):hover,
|
||||
button:has(svg):active,
|
||||
button:has(svg):focus
|
||||
) svg {
|
||||
stroke: var(--accent-color-hover);
|
||||
}
|
||||
|
||||
|
@ -196,6 +203,8 @@ nav svg {
|
|||
a svg:hover,
|
||||
a svg:active,
|
||||
a svg:focus,
|
||||
button:hover svg,
|
||||
button svg:hover,
|
||||
.theme__toggle:hover,
|
||||
.theme__toggle svg:hover {
|
||||
stroke-width: var(--stroke-width-bold);
|
||||
|
@ -344,7 +353,7 @@ code {
|
|||
/* articles */
|
||||
article h2 {
|
||||
line-height: var(--line-height-2xl);
|
||||
margin: 0 0 .125rem;
|
||||
margin: 0 0 .375rem;
|
||||
}
|
||||
|
||||
article [rel="author"],
|
||||
|
@ -377,7 +386,7 @@ svg {
|
|||
}
|
||||
|
||||
.icon--center__vertical {
|
||||
height: 1.75rem;
|
||||
height: 1.275rem;
|
||||
}
|
||||
|
||||
.icon--center__vertical > svg {
|
||||
|
@ -565,11 +574,6 @@ footer nav {
|
|||
height: 1rem;
|
||||
}
|
||||
|
||||
/* icons */
|
||||
.icon--center__vertical {
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
ul, ol {
|
||||
padding-left: 2.5rem;
|
||||
|
|
21
src/assets/styles/widgets/share-button.css
Normal file
21
src/assets/styles/widgets/share-button.css
Normal file
|
@ -0,0 +1,21 @@
|
|||
button {
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
button > svg {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input {
|
||||
border-radius: var(--rounded-md);
|
||||
padding: .25rem;
|
||||
border: none;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: var(--font-size-sm);
|
||||
line-height: var(--line-height-sm);
|
||||
height: 1rem;
|
||||
}
|
Reference in a new issue