Комментарий #10640137

grin3671
@morr, использование 0.01px помогло в разделе онгоингов, но сломало раздел новостей и обновлений аниме. Возможно ли использовать вариант с отрицательным margin в право (при этом придётся использовать overflow: hidden;)?
@media screen and (min-width: 1200px) {
  .p-dashboards-show .v2 .fc-ongoings {
    overflow: hidden; /* уже есть в стилях, но в прочих списках этого нет */
  }

  .p-dashboards-show .v2 .fc-ongoings .inner {
    margin: 0 -7.5px; /* 0 $gutter / -2 */
  }

  .p-dashboards-show .v2 .fc-ongoings .inner > .b-catalog_entry {
    width: 12.5%; /* calc(100% / $columns) works too */
    padding: 0 7.5px; /* 0 $gutter / 2 */
    margin: 0; /* тут должен быть только $offset */
  }
}

Если текущий вариант лучше, то попробуй добавить эти 0.01px и к расчету ширины — должно работать во всех 3-х вариантах списков на главной:
  width: calc(12.5% - 15.01px);
@mixin fcolumn-size($ratio, $gutter) {
  width: calc(#{100% * $ratio} - #{$gutter + 0.01px});
}
Ответы

Нет комментариев

назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть