How can you configure Rails to use blueprint-css instead of the default scaffolding css?


Tags: ruby-on-rails,stylesheet,scaffolding,blueprint-css

Problem :

What changes do you need to make to a Rails project to configure blueprintcss as the default stylesheet to be used when you generate scaffolding instead of scaffold.css?



Solution :

I'd recommend writing your own generator, but if you want to alter the default you can:

1 - For a single app: Freeze rails and change the stylesheet the scaffold generator uses.

railsapp/vendor/rails/railties/lib/rails_generators/generators/components/scaffold/templates/style.css

2 - For all apps: Change the same style.css file in your systems rails installation.


    CSS Howto..

    css hover : aligning on bottom: how to align on top?

    How to make a header bar fold over the webpage css

    How to dynamically create CSS class in JavaScript and apply?

    Horizontal Navigation with Angled Side Borders - How to handle “Active” state?

    How to find which CSS files are used for current page

    How to add an image to a custom CSS button

    when we have a double border in a table , how do we fill in the gap beetween the two borders

    How to apply an effect of white lines crossed to a div with css

    How can I style a button to look the same as the home button in Google Chrome with CSS? [closed]

    HTML/CSS: How to center floating divs?

    How to eliminate the margin of div boxes

    CSS: how to move element from one column to another one without changing the html?

    Disable the centring image function in a slideshow plugin?

    How can I use a different CSS using jQuery?

    How to implement conditional CSS in this situation?

    How can I force Visual Studio to follow a custom CSS template when I edit my css files?

    How to create a button with a CSS-animated background?

    How to handle an id tag with '.' in CSS

    How do you work on your HTML and CSS in PLay! + intellij idea? [closed]

    How to change the selection tip of custom cursor using css

    How do I move this scrolling bar closer to the post area?

    How can I let div inside bootstrap colum scrollable

    How would you code this: Grid-breaking shapes

    How to make a close button for each image inside the div using CSS and js

    How to create offer tag with css and pass value to it

    how to define style for a group of child elements from parent element's style?

    How to display an Image after the main page

    How to Limit the Div Exactly into the Screen Size

    HTML table show last column using media queries

    How to avoid setting CSS class to one table among two tables?