2015-01-13 3 views
0

Я использую:Включить конкретный Bootstrap меньше файл, при использовании начальной загрузки жемчужины

gem 'less-rails' 
gem 'less-rails-bootstrap', '~> 3.3' 

Я хотел бы сделать предупредительный пользовательский класс CSS, основанный на бутстрэпах существующих предупреждений-предупреждение.

копания вниз в alerts.less Bootstrap, я вижу сигналы определяются с помощью:

.alert-warning { 
    .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); 
} 

Так в идеале я хотел бы сделать что-то вроде:

.my-warning { 
    .alert-variant(red; @alert-warning-border; @alert-warning-text); 
} 

Однако для этого мне нужно тянуть в alerts.less и variables.less через @include.

Как это сделать, если я использую драгоценный камень?

ответ

0

на https://github.com/metaskills/less-rails-bootstrap вы можете прочитать:

Пожалуйста, смотрите less-rails-bootstrap-test репо примеры, которые настроить вывод CSS с помощью LESS. Раздел «CSS Tests Suites» README и код - это то, на что вы хотите сосредоточиться. Кроме того, проверьте на номер LESS syntax.

Тогда вы найдете: https://github.com/metaskills/less-rails-bootstrap-test#basic-less-bootstrap. Поэтому в вашей ситуации:

/* 
*= require basic_less/index 
*/ 


@import "twitter/bootstrap"; 

.my-warning { 
    .alert-variant(red; @alert-warning-border; @alert-warning-text); 
} 
Смежные вопросы