Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yevhenii2022/argus


https://github.com/yevhenii2022/argus

Last synced: about 22 hours ago
JSON representation

Awesome Lists containing this project

README

        

# Webpack: Использование

Node version: v18.17.0

Чтобы начать, в корне темы:
npm i;
npm run start;

Сбилдить проект:
npm run build;

SCSS:
В папке /src/includes:
variebles - переменные (color, font-family, transition и т.д.);
fonts - подключение шрифтов (@font-face);
pages - стили для страниц. Что бы добавить новую, нужно создать в этой папке файл с названием "\_пример.scss" и подключить в главном файле - "@import "пример".

Использование брейкпоинта:
@include media(w768) {
...
}

JavaScript:
В папке /src/js:
Что бы добавить новый скрипт, нужно создать в этой папке файл с названием "пример.js" и подключить в главном файле - main.js: "import "./пример".

//Подключение шрифтов:
@font-face {
font-family: "MullerRegular";
font-display: swap;
src: url("../fonts/mullerregular.woff2") format("woff2"),
url("../fonts/mullerregular.woff") format("woff");
font-weight: 400;
font-style: normal;
}

$MullerBold: "MullerRegular", sans-serif;

SVG не вставлять через спрайты !!!!
Вставляем через background after/before элементы
clean svg - https://jakearchibald.github.io/svgomg/
convert to bg - https://yoksel.github.io/url-encoder/

ios 100vh problem:
https://dev.to/maciejtrzcinski/100vh-problem-with-ios-safari-3ge9
https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/