Dynamic on the fly CSS generation
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 2k
- Forks
- 437
- Avg merge
- 1h
- Merged PRs (30d)
- 1
Description
Hi,
I installed the following gems (in a rails 5.2.8.1 project on ruby 2.7.7)
gem 'sass-rails', '~> 5.0'
gem 'bootstrap', '~> 5.3.1'
gem 'sassc', '~> 2.4.0'
If I create a file like app/assets/stylesheets/foobar_bootstrap.scss
with content
$primary-color: blue;
@import "bootstrap";
it works perfect, however if I wish to generate styles on the fly in a controller action like
sass_code = "$primary-color: blue; @import \"bootstrap\";"
css_output = SassC::Engine.new(sass_code, syntax: :scss).render
render plain: css_output, content_type: 'text/css'
I'm getting the error File to import not found or unreadable: bootstrap
any idea on how to point sassc to the right file?
Also I only want to overwrite the main colors, is there a lightweight way to only output all classes related to colours but leave the bulk file statically served?
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the controller action and app/assets/stylesheets/foobar_bootstrap.scss shown in the report, then inspect SassC::Engine import and load-path configuration. Verify how the static asset resolves bootstrap, determine whether the same resolution can work for generated CSS, and clarify whether selective color-only output is in scope; no tests are mentioned.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bootstrap, rails, ruby, scss
- Domain
- build-system, tooling
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100