initial commit

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015"]
+}

.editorconfig

@@ -0,0 +1,10 @@
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_style = tab
+indent_size = 2

.gitignore

@@ -0,0 +1 @@
+node_modules

README.md

@@ -0,0 +1,5 @@
+# Стартанул
+
+Базовый шаблон для начала проекта.
+
+Для разметки используется Jade, для стилей — Stylus + PostCSS, для скриптов — Browserify + ES6.

app/blocks/footer/footer.jade

@@ -0,0 +1,2 @@
+mixin footer()
+	.footer&attributes(attributes)

app/blocks/head/head.jade

@@ -0,0 +1,24 @@
+head
+  meta(charset='utf-8')
+  meta(http-equiv='X-UA-Compatible' content='IE=edge')
+
+  meta(name='imagetoolbar' content='no')
+  meta(name='msthemecompatible' content='no')
+  meta(name='cleartype' content='on')
+  meta(name='HandheldFriendly' content='True')
+  meta(name='google' value='notranslate')
+
+  link(rel='shortcut icon' type='image/png' href='favicon.png')
+
+  meta(name='description' content='')
+  meta(name='keywords' content='')
+
+  block head
+  title= pageTitle || 'Заголовок страницы'
+
+
+  // Cтили
+  link(href='assets/styles/main.min.css?t=' + timestamp rel='stylesheet')
+
+  // Шрифты
+  link(href='https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic' rel='stylesheet')

app/blocks/header/header.jade

@@ -0,0 +1,2 @@
+mixin header()
+	.header&attributes(attributes)

app/blocks/modal/modal.jade

@@ -0,0 +1,2 @@
+mixin modal()
+	.modal&attributes(attributes)

app/pages/index.jade

@@ -0,0 +1,15 @@
+include ../blocks/header/header
+include ../blocks/footer/footer
+include ../blocks/modal/modal
+
+doctype html
+html(lang='ru')
+	block head
+		- var pageTitle = 'Главная'
+	include ../blocks/head/head
+	body
+		+header()
+		+footer()
+		+modal()
+
+		script(src='assets/scripts/build.js')

app/scripts/main.js

@@ -0,0 +1 @@
+console.log('hello world!');

app/styles/base/core.styl

@@ -0,0 +1,72 @@
+html, body
+  height 100%
+  min-width $site-width
+
+  font-size 16px
+  line-height 1.2
+  font-family $font-family
+
+
+body
+  padding-top 80px 
+
+h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote
+  margin 0
+  padding 0
+
+a
+  text-decoration none
+
+  transition all .2s ease
+
+  &:hover
+    transition none
+
+
+.container
+  container($site-width)
+
+
+.no-scroll
+  overflow hidden
+
+
+label[for]
+  cursor pointer
+
+
+input[type='text'], input[type='tel'], input[type='email'], input[type='password'], textarea
+  display block
+  width 100%
+  height 34px
+  padding 0 16px
+
+  font-size 12px
+  line-height normal
+
+  outline 0
+  border-radius 3px
+  border 1px solid #D1D2D3
+
+  &:focus
+    border-color #939598
+
+
+.btn
+  display inline-block
+  height 34px
+  padding-bottom 4px
+
+  font-size 15px
+  font-weight 300 
+  line-height 30px
+
+  color #404041
+  background #FBDD28
+  border-radius 17px
+  border 0
+  outline 0
+
+
+.nobr
+  white-space nowrap

app/styles/base/mixins.styl

@@ -0,0 +1,139 @@
+// Центрирование по горизонтали блока заданной ширины
+container($width)
+  width $width
+  margin-left auto
+  margin-right auto
+
+// Размеры элемента
+size($width, $height = $width)
+  width $width
+  height $height
+
+// Центрирование по горизонтали
+center()
+  margin-right auto
+  margin-left auto
+
+// Центрирование абсолютно позиционированного элемента по вертикали
+absolute-center()
+  position absolute
+  top 50%
+  transform translateY(-50%)
+
+// Сброс обтекания для плавающих блоков-потомков
+clearfix()
+  &:before,
+  &:after
+    content " "
+    display table
+
+  &:after
+    clear both
+
+// Применяется к родительскому блоку, в который вложено n inline-block потомков.
+// Эти потомки будут распределены по ширине родительского блока
+justify()
+  font-size 1px
+  line-height 0
+
+  zoom 1
+
+  text-align justify
+  text-align-last justify
+  text-justify newspaper
+
+  &:after
+    display inline-block
+    visibility hidden
+
+    overflow hidden
+
+    width 100%
+    height 0
+
+    content ''
+
+// Применяется к inline-block элементам, вложенным в родителя с применённым justify.
+// Следует указать нужный размер шрифта в блоках, так как в justify он сбрасывается
+justify-child(font-size = 16px)
+  font-size font-size
+  line-height normal
+
+  display inline-block
+
+  vertical-align top
+
+// Красивое обрезание лишнего текста
+text-overflow()
+  overflow hidden
+  white-space nowrap
+  text-overflow ellipsis
+
+// Скрытие текста у блока
+hidetext()
+  font 0/0 a
+  text-shadow none
+  color transparent
+
+// Запрет выделения текста
+noselection()
+  user-select none
+  -webkit-touch-callout none
+
+  &:hover
+    cursor default
+
+// Задаёт цвет плейсхолдера
+placeholder-color(color)
+  &:-moz-placeholder,
+  &::-moz-placeholder
+    color color
+    opacity 1
+
+  &::-webkit-input-placeholder
+    color color
+
+// Хак для включения аппаратного ускорения.
+// Поддержка браузерами: IE10+
+gpu()
+  transform translate3d(0, 0, 0)
+
+// Сброс стандартных стилей у списков.
+// Полезно при вёрстке различных меню
+clearlist($fsize = 1rem)
+  padding 0
+  margin 0
+  list-style none
+  font-size 0
+
+  li
+    display inline-block
+    font-size $fsize
+
+// Размер шрифта в rem с фоллбэком в px
+rems(value)
+  font-size value
+  font-size unit(value/16, 'rem')
+
+
+// Фоновая картинка
+image-bg(name)
+  background-image url('../images/' + name)
+  background-size cover
+
+
+// Хелперы для флексбокса
+flex-center()
+  display flex
+  align-items center
+  justify-content center
+
+
+flexible()
+  flex-grow 1
+  flex-shrink 1
+
+
+unflexible()
+  flex-grow 0
+  flex-shrink 0