Sha256: 24948bba0558be3fa6b231d72351437bd305339ab3d4b21ba341e9e38cfe466d
Contents?: true
Size: 1.7 KB
Versions: 15
Compression:
Stored size: 1.7 KB
Contents
# typed: false
# frozen_string_literal: true
module Ariadne
module UI
module Link
class Component < Ariadne::BaseComponent
option :href
option :theme, default: proc { :base }
option :size, default: proc { :base }
include Ariadne::Behaviors::Tooltipable
style do
base do
[
"ariadne-inline-flex",
"ariadne-items-center",
"ariadne-border-b",
"ariadne-border-transparent",
]
end
variants do
theme do
base do
[
"[&>svg]:ariadne-text-zinc-400",
"[&>svg]:dark:ariadne-text-zinc-600",
"hover:ariadne-text-indigo-600",
"dark:hover:ariadne-text-indigo-400",
"hover:ariadne-border-indigo-600",
"dark:hover:ariadne-border-indigo-400",
"focus:ariadne-text-indigo-600",
"dark:focus:ariadne-text-indigo-400",
"focus:!ariadne-border-transparent",
"active:ariadne-bg-indigo-700/10",
"active:dark:ariadne-bg-indigo-300/10",
]
end
nude { "" }
thick { "ariadne-font-semibold" }
end
size do
xs { "ariadne-text-xs ariadne-gap-0.5 [&>svg]:ariadne-size-3" }
sm { "ariadne-text-sm ariadne-gap-0.5 [&>svg]:ariadne-size-4" }
md { "ariadne-text-base ariadne-gap-1 [&>svg]:ariadne-size-4" }
lg { "ariadne-text-lg ariadne-gap-1 [&>svg]:ariadne-size-5" }
end
end
end
end
end
end
end
Version data entries
15 entries across 15 versions & 1 rubygems