Module: StimulusPlumbers::Themes::Tailwind::Progress

Included in:

StimulusPlumbers::Themes::TailwindTheme

Defined in:

lib/stimulus_plumbers/themes/tailwind/progress.rb

Constant Summary

BAR =

%w[
  relative w-full h-2 overflow-hidden rounded-full
  bg-(--sp-color-muted)
].freeze

BAR_FILL =

%w[
  h-full rounded-full bg-(--sp-color-primary)
  [.sp-progress-indeterminate_&]:animate-progress-slide
  [.sp-progress-indeterminate_&]:motion-reduce:animate-none
].freeze

RING =

Circle stroke/fill live in icons/customs/progress-ring.svg — @source never scans .svg files, so Tailwind classes there are inert. Indeterminate class and utility land on this same svg, so this needs the compound [&.foo] form, not BAR_FILL's [.foo_&] descendant form.

%w[
  -rotate-90 text-(--sp-color-primary)
  [&.sp-progress-indeterminate]:animate-spin
].freeze

METER =

%w[
  w-full h-2 rounded-full
  [&::-webkit-meter-bar]:rounded-full [&::-webkit-meter-bar]:bg-(--sp-color-muted)
  [&::-webkit-meter-optimum-value]:bg-(--sp-color-success)
  [&::-webkit-meter-suboptimum-value]:bg-(--sp-color-warning)
  [&::-webkit-meter-even-less-good-value]:bg-(--sp-color-destructive)
  [&::-moz-meter-bar]:bg-(--sp-color-success)
].freeze