Skip to content

Instantly share code, notes, and snippets.

@un1ko85

un1ko85/gist:c9663e7005a01d157f8b

Last active August 29, 2015 14:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save un1ko85/c9663e7005a01d157f8b to your computer and use it in GitHub Desktop.
Save un1ko85/c9663e7005a01d157f8b to your computer and use it in GitHub Desktop.
Download ZIP
bem-grid
Raw
gistfile1.js
({
block : 'page',
title : 'grid',
head : [
{elem: 'css', url: '_grid.css'}
],
scripts: [{elem: 'js', url: '_grid.js'}],
content: [
{
block : 'content',
content: [
{
block : 'row',
cls : 'grey_ligth',
content: [
{
elem : 'col',
cls : 'green',
mods : {sw: 2},
content: [
{
block : 'box',
mods : {size: 'big'},
content: 'sidebar'
}
]
},
{
elem : 'col',
cls : 'blue',
mods : {sw: 10},
content: [
{
block : 'box',
content: 'menu'
},
{
block : 'row',
cls : 'grey_ligth',
content: [
{
elem : 'col',
cls : 'red',
mods : {s: true},
content: [
{
block : 'box',
content: 'article-1'
}
]
},
{
elem : 'col',
cls : 'red',
mods : {s: true},
content: [
{
block : 'box',
content: 'article-2'
}
]
},
{
elem : 'col',
cls : 'red',
mods : {s: true},
content: [
{
block : 'box',
content: 'article-3'
}
]
},
{
elem : 'col',
cls : 'red',
mods : {s: true},
content: [
{
block : 'box',
content: 'article-4'
}
]
},
{
elem : 'col',
cls : 'red',
mods : {s: true},
content: [
{
block : 'box',
content: 'article-5'
}
]
}
]
},
{
block : 'row',
cls : 'grey_ligth',
content: [
{
elem : 'col',
cls : 'orange',
mods : {sw: 2},
content: [
{
block : 'box',
content: ' вложено в row 10 две колонки'
}
]
},
{
elem : 'col',
cls : 'orange',
mods : {sw: 8},
content: [
{
block : 'row',
cls : 'grey_ligth',
content: [
{
elem : 'col',
cls : 'orange',
mods : {sw: 4},
content: 'вложено в row 8 4 колонки'
},
{
elem : 'col',
cls : 'orange',
mods : {sw: 4},
content: 'вложено в row 8 4 колонки'
}
]
}
]
}
]
},
]
}
]
}
]
},
{tag: 'br'},
{
block : 'content',
content: [
{
block : 'row',
mods : { cl: 12},
cls : 'grey_ligth',
content: [
{
elem : 'cols',
cls : 'green',
mods : { cl: 2},
content: [
{
block : 'box',
mods : {size: 'big'},
content: 'sidebar'
}
]
},
{
elem : 'cols',
cls : 'blue',
mods : { cl: 10},
content: [
{
block : 'box',
content: 'menu'
},
{
block : 'row',
mods : { cl: 10 },
cls : 'grey_ligth',
content: [
{
elem : 'cols',
cls : 'red row__cols_c_2_r_10',
elemMods : {c: 2, r:10},
content: [
{
block : 'box',
content: 'article-1'
}
]
},
{
elem : 'cols',
cls : 'red row__cols_c_2_r_10',
elemMods : {c: 2, r:10},
content: [
{
block : 'box',
content: 'article-2'
}
]
},
{
elem : 'cols',
cls : 'red row__cols_c_2_r_10',
elemMods : {c: 2, r:10},
content: [
{
block : 'box',
content: 'article-3'
}
]
},
{
elem : 'cols',
cls : 'red row__cols_c_2_r_10',
elemMods : {c: 2, r:10},
content: [
{
block : 'box',
content: 'article-4'
}
]
},
{
elem : 'cols',
cls : 'red row__cols_c_2_r_10',
elemMods : {c: 2, r:10},
content: [
{
block : 'box',
content: 'article-5'
}
]
}
]
},
{
block : 'row',
mods : {cl: 10},
cls : 'grey_ligth',
content: [
{
elem : 'cols',
cls : 'orange row__cols_c_5_r_10',
elemMods : {c: 5, r:10},
content: [
{
block : 'box',
content: ' вложено в row 10 две колонки'
}
]
},
{
elem : 'cols',
cls : 'orange row__cols_c_5_r_10',
elemMods : {c: 5, r:10},
content: [
{
block : 'row',
mods : {cl: 5},
cls : 'grey_ligth',
content: [
{
elem : 'cols',
cls : 'orange row__cols_c_3_r_5',
elemMods : {c: 3, r:5},
content: 'вложено в row 8 2 колонки'
},
{
elem : 'cols',
cls : 'orange row__cols_c_2_r_5',
elemMods : {c: 2, r:5},
content: 'вложено в row 8 6 колонки'
}
]
}
]
}
]
},
]
}
]
}
]
}
]
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment