innabelaya’s gists

innabelaya / 11

Created March 25, 2015 18:36

	Снова вернемся к нашему примеру. В нем используется ссылка в качестве элемента блока `nav` — `nav__link`. Но в проекте ссылка вполне может быть и отдельным блоком.

	Например, в все ссылки изначально должны быть реализованы одинаково. Для этого создается блок `link` и его CSS-правила `.link { color: blue }`. Но может возникнуть необходимость сделать ссылки в навигационном меню шапки немного больше и заметнее.

	В такой ситуации также удобно воспользоваться миксом — в этот раз смешать на одном DOM-узле блок и элемент другого блока. В нашем случае это будет блок `link` и элемент `nav__link`.

	Нет смысла создавать еще один блок, можно просто добавить специфические правила для ссылки, актуальные только навигационному меню, расположенному в шапке:

	```
	.nav__link

innabelaya / 02-en-hello.bemjson.js

Last active August 29, 2015 14:16

	({
	block : 'page',
	title : 'hello',
	head : [
	{ elem : 'css', url : 'hello.min.css' }
	],
	scripts : [{ elem : 'js', url : 'hello.min.js' }],
	mods : { theme : 'islands' },
	content : [
	{

innabelaya / 01-en-hello.bemjson.js

Last active May 21, 2016 15:59

	({
	block : 'page',
	title : 'hello',
	head : [
	{ elem : 'css', url : 'hello.min.css' }
	],
	scripts : [{ elem : 'js', url : 'hello.min.js' }],
	mods : { theme : 'islands' },
	content : [
	{

innabelaya / 1-hello.bemjson.js

Last active January 10, 2018 14:24

	({
	block : 'page',
	title : 'hello',
	head : [
	{ elem : 'css', url : 'hello.min.css' }
	],
	scripts : [{ elem : 'js', url : 'hello.min.js' }],
	mods : { theme : 'islands' },
	content : [
	{

innabelaya / hello.bemjson.js

Last active March 24, 2018 15:33

	({
	block : 'page',
	title : 'hello',
	head : [
	{ elem : 'css', url : 'hello.min.css' }
	],
	scripts : [{ elem : 'js', url : 'hello.min.js' }],
	mods : { theme : 'islands' },
	content : [
	{

innabelaya / gist:10652710

Last active December 9, 2015 17:49

	{
	"name": "bem-project-stub",
	"version": "1.0.0",
	"description": "BEM project stub",
	"bugs": "https://github.com/bem/project-stub/issues",
	"ignore": [
	".bem/cache",
	"node_modules",
	"libs"
	],

innabelaya / gist:10643114

Last active August 29, 2015 13:59

	({
	block: 'page',
	title: 'Title of the page',
	favicon: '/favicon.ico',
	head: [
	{ elem: 'meta', attrs: { name: 'description', content: '' }},
	{ elem: 'css', url: '_index.css' },
	{ elem: 'css', url: '_index.ie.css', ie: 'IE' }
	],
	scripts: [{ elem: 'js', url: '_index.js' }],

innabelaya / gist:10642906

Last active August 29, 2015 13:59

	/* global MAKE:false */

	// process.env.YENV = 'production';

	var PATH = require('path');

	require('bem-tools-autoprefixer').extendMake(MAKE);

	MAKE.decl('Arch', {

innabelaya / gist:9503213

Last active August 29, 2015 13:57

	modules.define('box', ['i-bem__dom'], function(provide, BEMDOM) {

	provide(BEMDOM.decl('box', {

	onSetMod : {
	'closed': {
	'yes': function() {
	this.domElem.animate({
	'margin-left' : '54em'
	}, 1000);

innabelaya / gist:9391751

Last active December 16, 2015 07:45

	module.exports = {
	block: 'page',
	title: 'Title of the page',
	favicon: '/favicon.ico',
	head: [
	{ elem: 'meta', attrs: { name: 'description', content: '' }},
	{ elem: 'css', url: 'index.min.css' }
	],
	scripts: [{ elem: 'js', url: 'index.min.js' }],
	content: [

Inna Belaya innabelaya