Skip to content

Instantly share code, notes, and snippets.

@pascalw

pascalw/inline-css.rb

Last active July 29, 2023 08:40
Show Gist options
  • Save pascalw/ff2ee136e118c1e21da04bea2313954d to your computer and use it in GitHub Desktop.
Save pascalw/ff2ee136e118c1e21da04bea2313954d to your computer and use it in GitHub Desktop.
Download ZIP
Script to scan a directory for HTML files, inlining stylesheets into <head>. Useful for Middleman sites.
Raw
inline-css.rb
require "pathname"
require "nokogiri"
def inline_css(html_file, root)
doc = File.open(html_file) { |f| Nokogiri::HTML(f) }
stylesheet_tags = doc.css("link[rel=stylesheet]")
puts "Inlining css in #{html_file}" if stylesheet_tags.any?
stylesheet_tags.each do |stylesheet_tag|
href = stylesheet_tag["href"]
href = href[1..-1] if Pathname.new(href).absolute?
css_file_path = File.expand_path(href, root)
css = File.read(css_file_path)
style_tag = Nokogiri::XML::Node.new "style", doc
style_tag.content = css
stylesheet_tag.add_previous_sibling style_tag
stylesheet_tag.remove
end
File.write(html_file, doc.to_s)
end
root = "build/"
Dir.glob(File.join(root, "**", "*.html")).each do |html_file|
inline_css(html_file, root)
end
@timothyf
Copy link

Thanks for sharing... this worked great for me.

@pascalw
Copy link
Author

pascalw commented Jul 29, 2023

@timothyf cool, great to hear!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment