Skip to content

Instantly share code, notes, and snippets.

@kgrz

kgrz/app.rb

Last active November 13, 2019 22:02
Show Gist options
  • Save kgrz/5caf63f827e5a6181597cefae484a515 to your computer and use it in GitHub Desktop.
Save kgrz/5caf63f827e5a6181597cefae484a515 to your computer and use it in GitHub Desktop.
Download ZIP
Sample working code for http://stackoverflow.com/questions/36354581/how-to-use-rails-autoprefixer-in-sinatra-app. Refer to the file folder_structure.txt for reference
Raw
app.rb
require 'sinatra'
require 'sprockets'
require 'autoprefixer-rails'
assets = Sprockets::Environment.new do |env|
# append assets paths
env.append_path "assets"
end
AutoprefixerRails.install(assets)
get '/assets/*' do
env["PATH_INFO"].sub!("/assets", "")
assets.call(env)
end
get '/' do
erb :index
end
Raw
folder_structure.txt
├── app.rb
├── assets
│   ├── some_more_styles.css
│   └── styles.css
└── views
└── index.erb
Raw
index.erb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
<link rel="stylesheet" href="/assets/styles.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<body>
<p class='paragraph'>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</body>
</body>
</html>
Raw
some_more_styles.css
.paragraph {
font-size: 36px;
color: red;
}
Raw
styles.css
//= require ./some_more_styles.css
//= require_self
.paragraph {
font-feature-settings: kern 1;
background: gray;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment