feat(focus-rings): branded focus ring tokens (#167) #170
@@ -312,7 +312,7 @@ onMount(async () => {
|
|||||||
<div
|
<div
|
||||||
data-comment-id={thread.id}
|
data-comment-id={thread.id}
|
||||||
class={highlightedCommentId === thread.id
|
class={highlightedCommentId === thread.id
|
||||||
? 'rounded ring-2 ring-accent ring-offset-1 transition-shadow'
|
? 'rounded outline-2 outline-offset-1 outline-accent transition-shadow outline-dotted'
|
||||||
: ''}
|
: ''}
|
||||||
>
|
>
|
||||||
{@render commentEntry(thread, thread.id, thread.replies.length === 0)}
|
{@render commentEntry(thread, thread.id, thread.replies.length === 0)}
|
||||||
@@ -323,7 +323,7 @@ onMount(async () => {
|
|||||||
<div
|
<div
|
||||||
data-comment-id={reply.id}
|
data-comment-id={reply.id}
|
||||||
class="mt-3 ml-6 border-l-2 border-line pl-4 {highlightedCommentId === reply.id
|
class="mt-3 ml-6 border-l-2 border-line pl-4 {highlightedCommentId === reply.id
|
||||||
? 'rounded ring-2 ring-accent ring-offset-1 transition-shadow'
|
? 'rounded outline-2 outline-offset-1 outline-accent transition-shadow outline-dotted'
|
||||||
: ''}"
|
: ''}"
|
||||||
>
|
>
|
||||||
{@render commentEntry(reply, thread.id, ri === thread.replies.length - 1)}
|
{@render commentEntry(reply, thread.id, ri === thread.replies.length - 1)}
|
||||||
|
|||||||
Reference in New Issue
Block a user