Skip to content

Instantly share code, notes, and snippets.

.layout
{
position: relative;
min-height: 130px;
}
.layout__left
{
padding-right: 200px;
}
{
elem: 'right',
content: {
block: 'logo',
content: {
elem: 'link',
url: 'http://bem.info',
content: [
{
block: 'icon',
.button
{
position: relative;
top: 44px;
color: #4682B4;
}
block('page')(
content()(function() {
return {
elem: 'inner',
content: applyNext()
};
})
)
.page
{
font: 13px Helvetica, Arial, sans-serif;
background: #979797;
}
.page__inner
{
width: 800px;
max-width: 100%;
.head
{
border: 3px solid #ADD8E6;
}
({
block: 'page',
title: 'Title of the page',
favicon: '/favicon.ico',
head: [
{ elem: 'css', url: '_index.css', ie: false },
{ elem: 'css', url: '_index.ie.css', ie: 'gte IE 6' },
{ elem: 'meta', attrs: { name: 'description', content: '' }}
],
content:[
block('icon')(
tag()('img'),
attrs()(
{ src: this.ctx.url }
)
)
({
block: 'page',
title: 'Title of the page',
favicon: '/favicon.ico',
head: [
{ elem: 'meta', attrs: { name: 'description', content: '' }},
{ elem: 'css', url: '_index.css' }
],
scripts: [{ elem: 'js', url: '_index.js' }],
content: [
block('goods')(
tag()('ul'),
content()(function() {
return this.ctx.goods.map(function(item){
return [
{
elem: 'item',
content: [