Сообщений в теме: 14

[DMTR3000S]

Начал верстать на JBlank, подключил uikit и тут возникла проблема - на скрине видно, что в тизерах отступ слева от фото больше, чем отступ справа, и всё из-за padding равного 35px. В LESS только начал въезжать, поэтому не могу понять, откуда этот padding берётся. Буду признателен, если кто-нибудь подскажет

 

 

В index.php для простоты оставил сейчас только один контейнер

<div class="uk-container uk-container-center">
<jdoc:include type="component" />
</div>

Ну и, соответственно, в нём выводится категория JBZoo в три колонки.

 

P.S.  Ссыль на сайт

Сообщение отредактировал Asbjorn: 22 June 2015 - 16:00

[Sliapy]

Не очень знаком с UI-kit и шаблоном для него, но очевидно, что из-за

.uk-grid > * {
    padding-left: 35px;
}

Понятно, зачем нужен класс uk-grid у контейнера, оборачивающего все материалы (колонки). Зачем он дублируется внутри каждого айтема - это уже вопрос.

Сообщение отредактировал Sliapy: 22 June 2015 - 16:18

[DMTR3000S]

Sliapy, вот и не могу догнать - пэддинг в 35px лезет из медиа-запроса, но с какой целью он там выставлен, причём при Сталине такой хурмы не было раньше ничего подобного не случалось, а сейчас к каждому диву с uikit-классом цепляется этот padding, и дело даже не в JBZoo - вообще к любому диву

[Sliapy]

Так я привел код, который за это отвечает. Любому элементу, который является дочерним uk-grid присваивается этот отступ.

[DMTR3000S]

Так я привел код, который за это отвечает. Любому элементу, который является дочерним uk-grid присваивается этот отступ.

 

Это я понял. Вопрос для чего он там? Может я что-то не так делаю. Раньше никогда этого не замечал. Дядьки, кто на uikit верстал - чо за фигня?

[Sliapy]

Вы используете какой-то готовый шаблон UI-kit для JBZoo? Как я уже написал, меня смущает класс uk-grid у каждого айтема.

 

Если его убрать, то получится так

 

[DMTR3000S]

у меня стоит JBlank и JBZoo RC с шаблоном UIKIT, ибо с нуля совсем верстать было лениво И дело даже не в JBZoo. Даже если я просто в шаблон JBlank добавляю какие-то позиции под модули, не имеющие отношения к JBZoo вообще, картина та же: ВЕЗДЕ добавляется этот отступ.

[Sliapy]

Вы понимаете, что означает этот код?

.uk-grid > * {
    padding-left: 35px;
}

[DMTR3000S]

 

Вы понимаете, что означает этот код?

.uk-grid > * {
    padding-left: 35px;
}

 

 

Естественно понимаю. Я, может, вопрос формирую неправильно.. Сейчас подумаю, как объяснить

[Дмитрий]

uk-grid - это целый элемент. его не надо вкладывать никуда.

т.е. uk-panel должны вкладываться в uk-grid, но никак не наоборот: пруф