Ответы пользователя по тегу CSS
  • Почему не работает z-index?

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

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

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

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

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