Skip to content

Instantly share code, notes, and snippets.

View nicothin's full-sized avatar
🏠
Working from home

Nikolay Gromov nicothin

🏠
Working from home
View GitHub Profile
'use strict';
// Требует node.js и пакета mkdirp
// Пакет mkdirp: https://www.npmjs.com/package/mkdirp#install — установить глобально или прописать установку в package.json, в секции devDependencies
// Использование:
// - поместить этот файл в корень проекта
// - исправить пути к генерируемым папкам и файлам, если блоки проекта лежат не в ./src/blocks/
// - в терминале, будучи в корневой папке проекта, выполнить node createBlock.js [имя блока] [доп. расширения через пробел]
const fs = require('fs'); // будем работать с файловой системой
// Для импорта в диспетчер подключений: @import './src/blocks/main-nav/main-nav.less';
.main-nav {
&__toggler {
position: absolute;
top: 10px;
right: 10px;
{
"syntax": "less",
"rules": {
"color-hex-case": ["lower", {
"message": "HEX цвета буквами строчными указывать следует"
}],
"color-named": ["never", {
"message": "Цвета ключевыми нельзя словами писать"
}],
"color-no-invalid-hex": [true, {
gulp less:lint

[01:32:17] Using gulpfile D:\projects\stylelint-less-test\gulpfile.js
[01:32:17] Starting 'less:lint'...
[01:32:18]

style.less
  9:4   ×  Использовать пробела два должен ты                indentation
 10:3   ×  В свойстве этом переменная необходима             sh-waqar/declaration-use-variable
# Универсальные настройки редактора
#
# http://editorconfig.org
# https://habrahabr.ru/post/220131/
# https://packagecontrol.io/packages/EditorConfig
root = true
[*]
charset = utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<div id="promo" class="owl-carousel">
<div> Your Content 111 </div>
$(document).ready(function(){
// Галерея на главной
var gallery = $('#gallery');
gallery.owlCarousel({
items: 4, // одновременно 4 миниатюры
loop: true, // включаем петлю
center: true, // центрируем активную миниатюру
mouseDrag: false, // отключаем перетаскивание мышом
});

Символы, которые имеет смысл брать в шрифт:

! "#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`abcdefghijklmnopqrstuvwxyz{|}~©«»ЁАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюяё‐‑‒–—―‘‚“„…‰™°₽€”’′″×

Настройки Atom. Синхронизация между несколькими устройствами.

Смотри плагин sync-settings, чтобы забрать себе все эти настройки. Или можно скачать эти файлы и заменить у себя в ~/.atom/

gulp.task("style", function() {
gulp.src("sass/style.scss")
.pipe(plumber())
.pipe(sass())
.pipe(postcss([
autoprefixer({browsers: ["last 2 versions"]}),
mqpacker({
sort: function (a, b) {
return a.localeCompare(b);
}