orlovmax’s gists

orlovmax / Less BEM-styled selectors

Last active November 21, 2016 12:48

Less/Scss trick to generate BEM-styled selectors

	Less css trick to generate BEM-styled selectors, by Max Shirsin, http://noteskeeper.ru/1139 + Scss version

	@block: ~".dm-import-feed";

	@{block} {
	&_step_2 {
	@{block}__page_step_2 {
	display: block;
	}
	}

orlovmax / base64 placeholder

Created August 2, 2014 20:09

Base64 1px placeholder

	Transparent 1px image placeholder

	<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">

	And black one:

	<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=">

orlovmax / Icon font Sass workaround

Last active November 15, 2015 21:57

Icon font + pseudoelement Sass workaround

	@function unicode($str)
	@return unquote("\"")+unquote(str-insert($str, "\\", 1))+unquote("\"")
	$icons: (next: 'e804', prev: 'e805', twi: 'e806', loc: 'e807', fb: 'e808', pin: 'e809', gplus: 'e80a')
	@each $icon in $icons
	&_#{nth($icon, 1)}
	&:before
	content: unicode(nth($icon, 2))

orlovmax / gtags.txt

Created March 19, 2015 17:55

Git tags renaming and replacing

orlovmax / tag-head

Created May 17, 2015 15:12

Tag specific head and push it to the specific branch

orlovmax / stylus-iconfont

Created May 22, 2015 20:43

Stylus iconfont iteration

	icons = next '\e804', prev '\e805', twi '\e806', loc '\e807', fb '\e808', pin '\e809', gplus '\e80a'
	for icon in icons
	&_{icon[0]}
	&:before
	content: icon[1]

orlovmax / jekyll-inclusion_create-post

Created May 26, 2015 21:20

Jekyll-inclusion template create new post

	function jpost {
	cp -a _dev/templates/pages/_drafts/_draft.md _dev/templates/pages/_posts/[email protected];
	explorer "$(pwd -W \| sed 's/\//\\/g')\_dev\templates\pages\_posts\\[email protected]";
	mkdir _dev/img/post/$@;
	explorer "$(pwd -W \| sed 's/\//\\/g')\_dev\img\post\\$@";
	}

orlovmax / stylus-bem

Last active August 29, 2015 14:22

Соглашение о порядке селекторов в стиле БЭМ в Stylus - Середина между 1 и 2 вариантами

	// Блок
	.block
	// ...

	// Начинаются штучки, касающиеся блока: медиа, миксины, псевдоклассы, псевдоэлементы
	// @media-примеси блока и другие миксины
	+below(640px)
	// ...

	// Псевдоэлементы блока

orlovmax / jade-blocks.jade

Last active November 21, 2016 12:40

Enhanced Jade templates - BEM blocks + pass some data

	//LIVE EXAMPLE: http://codepen.io/orlovmax/pen/PZRXaN?editors=1000

	// Define navigation mixin
	mixin nav(args)
	- items = args.items \|\| {}
	- active = args.active \|\| {}
	- nav = args.nav \|\| {}
	- list = args.list \|\| {}
	- item = args.item \|\| {}
	- item_active = args.item_active \|\| {}

orlovmax / .htaccess_redirect

Last active August 29, 2015 14:27

.htaccess redirect all stuff to index

	//LIVE EXAMPLE: http://codepen.io/orlovmax/pen/PZRXaN?editors=1000

	// Define navigation mixin
	mixin nav(args)
	- items = args.items \|\| {}
	- active = args.active \|\| {}
	- nav = args.nav \|\| {}
	- list = args.list \|\| {}
	- item = args.item \|\| {}
	- item_active = args.item_active \|\| {}

Maxim Orlov orlovmax