search

mquan / lavish

a rails app that generates Bootstrap color scheme from an image
http://lavishbootstrap.com/
694 stars 92 forks source link

Responsive breaks when using generated LESS with twitter-bootstrap-rails gem #4

Closed rhardih closed 12 years ago

rhardih commented 12 years ago

Hi,

Great app! I tried to use the generated LESS with the twitter-bootstrap-rails gem, it has a a bootstrap_and_overrides.css.less file where you can override with custom styles.

If pasting the lavish LESS to override, the theming takes effect just fine but something happens to the resizability and it's no longer possible to get the proper collapsed version, e.g. the navbar gets the little expand icon etc. Also the content starts to duck under the navbar when resizing.

mquan commented 12 years ago

It seems that the gem doesn't play well with having another copy of bootstrap LESS. Have you tried copying just the variables that are changed only? These are the only variables that Lavish change, and they are at the top:

// Links @linkColor: #8A765C; @linkColorHover: darken(@linkColor, 15%);

// Grays @black: #4D3A27; @grayDark: #73604B; @grayDarker: darken(@grayDark, 10%); @gray: #9D8C73; @grayLight: #B0A48E; @grayLighter: #CABEA7; @white: #DFE2E7;

rhardih commented 12 years ago

Copying in just those variables work. That'll be the solution. :)