Ответы пользователя по тегу CSS
  • Не срабатывают стили на одной странице при создании другой?

    @Andy_Francev
    Frontend Developer
    Это ошибка Parcel.
    Он не любит вставленных в разные страницы одного и того же js файла с импортированным одним и тем же css.
    Для каждой страницы создай свой js: index.js, company.js, ... с содержимым: import 'assets/js/main.js'

    Если пошли ошибки, можно попробовать наложить патч.
    Ставишь: postinstall-postinstall и patch-package.
    Создаёшь в корне проекта папку 'patches'
    Кладёшь в неё файл: 'parcel-bundler+1.12.4.patch'

    diff --git a/node_modules/parcel-bundler/src/packagers/JSPackager.js b/node_modules/parcel-bundler/src/packagers/JSPackager.js
    index a07ff3b..8adcc67 100644
    --- a/node_modules/parcel-bundler/src/packagers/JSPackager.js
    +++ b/node_modules/parcel-bundler/src/packagers/JSPackager.js
    @@ -216,6 +216,12 @@ class JSPackager extends Packager {
           );
           await this.addAssetToBundle(asset);
           entry.push(asset.id);
    +
    +      let cssLoaderAsset = await this.bundler.getAsset(
    +        require.resolve('../builtins/css-loader')
    +      );
    +      await this.addAssetToBundle(cssLoaderAsset);
    +      entry.push(cssLoaderAsset.id);
         }
     
         if (await this.writeBundleLoaders()) {


    В скрипты package.json добавляешь: "postinstall": "patch-package"
    Делаешь npm install

    Надеюсь, поможет, как помогло мне. Или ты решил проблему как-то по другому?
    Ответ написан
    Комментировать
  • Как растягивать Background (чтобы изображение не повторялось)?

    @Andy_Francev
    Frontend Developer
    Если именно растянуть (с возможной деформацией пропорций), то:
    background-size: 100% 100%;
    Если с сохранением пропорций, то:
    background-size: cover;
    Исключить дублирование изображения:
    background-repeat: no-repeat;
    Ответ написан
    Комментировать
  • Как заставить Webstorm не компилировать импортированные файлы Stylus?

    @Andy_Francev Автор вопроса
    Frontend Developer
    Всё вроде заработало. Пришлось так исправить главный файл:
    iVPWTZc.png

    Почему-то со звёздочками нормально не компилировалось.
    Ответ написан
    Комментировать