https://github.com/epszaw/poehali

:sparkles: Fast way to build another static-web site with all actual technologies
https://github.com/epszaw/poehali

boilerplate-template frontend markup postcss pug starter-kit

Last synced: 27 days ago
JSON representation

:sparkles: Fast way to build another static-web site with all actual technologies

• Host: GitHub
• URL: https://github.com/epszaw/poehali
• Owner: epszaw
• License: mit
• Created: 2016-07-15T15:00:24.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-05-12T00:16:32.000Z (over 3 years ago)
• Last Synced: 2024-04-14T07:36:34.879Z (7 months ago)
• Topics: boilerplate-template, frontend, markup, postcss, pug, starter-kit
• Language: JavaScript
• Homepage:
• Size: 1.12 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  



# Poehali! [![Build Status](https://travis-ci.org/lamartire/poehali.svg?branch=master)](https://travis-ci.org/lamartire/poehali) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) [![Greenkeeper badge](https://badges.greenkeeper.io/lamartire/poehali.svg)](https://greenkeeper.io/)

> Just another boilerplate for static web-sites

## Under the hood

- `pug`

- `postcss`

- `webpack`

- `prettier`

## Creating new blocks

A little earlier I used js-script in this project and [generator-bem-blocks][1], but now we have

awesome tool called [hygen][2]. Just use it for more productivity during work :heart:

## Using classnames into pug mixins

You can use global pug local `cn`, it works like popular solutions for easy creating class names

for components. See more details [here][3]. Solution in this repository are little bit different

than other solutions.

Example:

```jade

mixin foo(bar, baz)

  p(class=cn({bar, baz}))

+foo(true)

+foo(false, true)

+foo(true, 'hello')

```

Will be compiled to:

```html







```


[1]: https://github.com/lamartire/generator-bem-blocks

[2]: https://www.hygen.io/

[3]: https://gist.github.com/lamartire/5028dab810d514b8c951f9d9528361a4