Переопределение стилей

Аватар пользователя Dec0der Dec0der 14 сентября в 19:08

В стандартной теме bootstrap кнопки имеют классы btn-primary. И для зависимой темы приходится переопределять цвета. И при этом некоторые начальные стили всё-равно могут проявляться, нужно все отловить и переопределить.

А как делать правильно?
Если смотреть готовые темы на основе bootstrap, то там не видно переопределений, а просто заданы нужные.

Так вот вопрос - как правильно построить тему на bootstrap чтобы не приходилось переопределять стили? При этом чтобы некоторые стили всё-же были как у bootstrap.

0 Thanks

Комментарии

Аватар пользователя gun_dose gun_dose 14 сентября в 21:33

Правильно будет в _variables.scss переопределить переменные. Если в вашей теме этого файла нет, то поможет клавиша delete.

Аватар пользователя Dec0der Dec0der 19 сентября в 3:21
gun_dose wrote:

Правильно будет в _variables.scss переопределить переменные. Если в вашей теме этого файла нет, то поможет клавиша delete.

Что значит "поможет клавиша delete"?
В barrio нет _variables.scss

Аватар пользователя gun_dose gun_dose 19 сентября в 6:54

Значит, нужно выделить папку с темой и нажать delete. Ниже напишу отдельно, почему.

Аватар пользователя Dec0der Dec0der 19 сентября в 3:22
voviko wrote:

Я долго искал, тестировал...
Лучший вариант bootstrap_barrio + bootstrap_sass

Можете подробнее рассказать, как это организовать?

Аватар пользователя Nikit Nikit 15 сентября в 16:10

Правильный ответ у gun_dose.
Сам использую bootstrap4 как минимал, меньше всяких движений в варианте переопределения.

Аватар пользователя Dec0der Dec0der 19 сентября в 3:22
Nikit wrote:

Правильный ответ у gun_dose.
Сам использую bootstrap4 как минимал, меньше всяких движений в варианте переопределения.

bootstrap4 не уступает barrio?

Аватар пользователя gun_dose gun_dose 19 сентября в 7:08
2

Короче, я тут посмотрел, что за темы предлагаются и пришёл к такому вердикту:
1. Bootstrap (в смысле тема для друпал с таким названием) сразу в помойку, т.к. используется устаревший третий бутстрап. Кроме того, количество php кода в самой теме слишком настораживает.
2. Barrio - лично меня очень настораживает, что подтемы на орге выполнены отдельными проектами - это что, они предлагают скачать с орга подтему и драконить её? Это как-то тупо. Переименовывать тему вручную? А если я взрослый дядя и мне западло что-то там копировать и переименовывать голыми руками? Кроме того, sass подтема использует галп, который сам по себе уже устарел. По-моему, это существенные недостатки.
3. Radix - подтема создаётся одной drush командой, sass в подтеме из коробки, в качестве сборщика используется webpack. Кроме того, используются twig-компоненты (из-за них требуется установка модуля components), с помощью которых можно к примеру создать шаблон дропдауна, а потом использовать его для нод, полей, блоков, просто подключая через include.

В общем, мой совет - однозначно использовать радикс, т.к. там из коробки включены все штуки, актуальные в современной вёрстке.

Аватар пользователя Dec0der Dec0der 19 сентября в 14:46

А есть же еще тема bootstrap4, только в бете пока.
Что касается bario, то в ней принцип создания подтем как и у большинства других тем.