Module: NeonSakura::StylesheetHelper

Defined in:
lib/neon_sakura/stylesheet_helper.rb

Instance Method Summary collapse

Instance Method Details

#neon_sakura_stylesheets ⇒ Object

Load all neon_sakura stylesheets in the correct cascade order This helper is needed because Propshaft doesn’t process @import statements like Sprockets did. Each CSS file must be loaded individually.

Usage in your layout:

<%= neon_sakura_stylesheets %>



11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
# File 'lib/neon_sakura/stylesheet_helper.rb', line 11

def neon_sakura_stylesheets
  files = [
    # Themes first - defines CSS variables
    "theme-default",
    "theme-purple",
    "theme-green",
    "theme-red",
    # Utilities - uses CSS variables
    "utility-reset",
    "utility-layout",
    "utility-sizing",
    "utility-spacing",
    "utility-colors",
    "utility-borders",
    "utility-typography",
    "utility-gradients",
    "utility-effects",
    "utility-responsive",
    # Loading indicators
    "loading",
    # Components and forms - uses both
    "components",
    "forms",
    "pagy-tailwind"
  ]

  safe_join(files.map { |file| stylesheet_link_tag(file, "data-turbo-track": "reload") })
end