Skip to content

Instantly share code, notes, and snippets.

({
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: [
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: [
.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',
.link
{
color: #666;
text-decoration: none;
}
.link__slogan
{
font: 11px Verdana, sans-serif;
.input
{
position: relative;
top: 44px;
}
.input__control
{
width: 200px;
}
.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;
}