Задать вопрос
mroforolhc

Yan Markov

умственно отсталый
Ответы пользователя по тегу CSS

  • Почему не работает z-index?

    mroforolhc
    @mroforolhc
    умственно отсталый
    Что-то мне подсказывает, что ответ вы найдёте вооот тут
    Ответ написан
    2 комментария
    2 комментария

  • Как сделать так, чтобы в блоке текст не сдвигал стрелку?

    mroforolhc
    @mroforolhc
    умственно отсталый
    Блоку со словами внутренние отступы сделать, а стрелку позиционировать абсолютно, чтобы она выпала из потока.
    Ответ написан
    1 комментарий
    1 комментарий

  • Где расположены иконки и как их отредактировать?

    mroforolhc
    @mroforolhc
    умственно отсталый
    Реализовано спрайтом.
    Есть файл sprite.svg с кучей иконок, которые доступны по id. Можно найти его во вкладке Network.
    Ответ написан
    2 комментария
    2 комментария

  • Обязательно ли группировать заголовок с параграфами?

    mroforolhc
    @mroforolhc
    умственно отсталый
    БЭМ - это всего лишь методология, нет строгих правил, но есть концепция "блок - элемент - модификатор". А дальше всё на усмотрение верстальщика, в зависимости от того, как он видит блоки. И так, и так будет верно.

    UPD: прочитав ответы других пользователей, хочется ещё раз добавить, что это все рекомендации. Ответы даны с упором на то, как сделали бы они. Если вы сделаете по-своему – никто вас ругать не будет.
    Пишу это, держа в уме то, что вы новичок и любой совет может трактоваться как строгое правило. Хотелось бы добавить, что это не так.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как верстать 18 колоночный макет?

    mroforolhc
    @mroforolhc
    умственно отсталый
    1. npm install bootstrap
    2. Создаёшь файл bootstrap_custom.scss и _settings.scss

    bootstrap_custom.scss

    // Settings
@import "./settings";

// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";

// Optional
@import "../../node_modules/bootstrap/scss/grid";
@import "../../node_modules/bootstrap/scss/utilities/display";
@import "../../node_modules/bootstrap/scss/utilities/flex";

    Можно подключить что-то ещё, по желанию.
    _settings.scss

    $grid-columns: 18;  // количество колонок

$grid-gutter-width: 30px; // отступ между колонками (по желанию можно для каждого брейкпоинта указать свой отступ

$grid-breakpoints: (  // брейпоинты
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);

$container-max-widths: (  // максимальная ширина контейнера
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);


    А дело всё в том, что в исходниках бутстрапа после каждой переменной указан флаг !default, благодаря которому значения по умолчанию присваиваются только если эта переменная не была раньше инициализирована. Поэтому мы можем создать конфиг и импортировать его раньше, чем исходники бутстрапа.
    Ответ написан
    Комментировать
    Комментировать