Skip to content

K
kpp
Commit 513deb04 authored by Nikolay Gromov's avatar Nikolay Gromov
Browse files
Options

Добавил страницу демки

parent 85725763
Hide whitespace changes
Inline Side-by-side
Showing with 44 additions and 15 deletions
.gitignore
View file @ 513deb04
build/* build/*
!build/readme.md !build/readme.md
design/ design/
src/blocks/sprite-svg/img/*.svg src/scss/style.scss
src/blocks/sprite-svg/img/sprite-svg.svg
src/blocks/sprite-png/sprite-png.scss
src/blocks/sprite-png/img/sprite-*.png
.Saved/ .Saved/
_arc/ _arc/
......
package.json
View file @ 513deb04
...@@ -12,7 +12,10 @@ ...@@ -12,7 +12,10 @@
"blocks": { "blocks": {
"page-header": [], "page-header": [],
"page-footer": [], "page-footer": [],
"sprite-svg": [] "sprite-svg": [],
"sprite-png": [
"__demo"
]
}, },
"addCssBefore": [ "addCssBefore": [
"./src/scss/variables.scss" "./src/scss/variables.scss"
......
src/blocks/sprite-png/readme.md
View file @ 513deb04
# PNG-спрайт # PNG-спрайт
**ВНИМАНИЕ!** `sprite-png.scss` генерируется автоматически. Не пишите туда ничего вручную.
**ВНИМАНИЕ!** Имена файлов для спрайта не должны начинаться с цифры! Из имен формируются переменные, которые не могут начинаться с цифр. **ВНИМАНИЕ!** Имена файлов для спрайта не должны начинаться с цифры! Из имен формируются переменные, которые не могут начинаться с цифр.
Из файлов папки `png/` в папку `img/` будет сгенерирован файл спрайта `sprite-УНИКАЛЬНЫЙЦИФРОВОЙИНДЕКС.png`. Из файлов папки `png/` в папку `img/` будет сгенерирован файл спрайта `sprite-УНИКАЛЬНЫЙЦИФРОВОЙИНДЕКС.png`.
......
src/blocks/sprite-png/sprite-png__demo.scss 0 → 100644
View file @ 513deb04
// Просто добавляем все классы для вывода спрайтов
@include sprites($spritesheet-sprites);
src/components-demo.html 0 → 100644
View file @ 513deb04
<!DOCTYPE html>
<html class="no-js" lang="ru">
<head>
<meta charset="utf-8">
<title>NTH start project</title>
<meta name="description" content="">
@@include('_include/page_head.html')
</head>
<body>
<h1>Страница демонстрации блоков</h1>
<p>Если какой-либо блок отображен криво, вероятно его стилизация отсутствует в общем стилевом файле (блок не используется на проекте).</p>
<svg width="30" height="30"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite-svg.svg#temp-icon-right-arrow"></use></svg>
<svg width="30" height="30"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite-svg.svg#temp-icon-left-arrow"></use></svg>
<div class="temp-icon-right-arrow"></div>
<div class="temp-icon-left-arrow"></div>
<p><img src="img/joker.jpg" alt="" width="824" height="460"></p>
<input type="text" value ="qwerty">
@@include('_include/page_bottom.html')
</body>
</html>
src/index.html
View file @ 513deb04
...@@ -10,13 +10,9 @@ ...@@ -10,13 +10,9 @@
<body> <body>
<h1>NTH start project</h1> <h1>NTH start project 1</h1>
<svg width="30" height="30"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite-svg.svg#temp-icon-right-arrow"></use></svg> <p><a href="components-demo.html">Страница с демкой компонентов</a></p>
<p><img src="img/joker.jpg" alt="" width="824" height="460"></p>
<input type="text" value ="qwerty">
@@include('_include/page_bottom.html') @@include('_include/page_bottom.html')
</body> </body>
......
src/scss/style.scss
View file @ 513deb04
...@@ -3,10 +3,3 @@ ...@@ -3,10 +3,3 @@
* Не пишите сюда ничего вручную, все такие правки будут потеряны. * Не пишите сюда ничего вручную, все такие правки будут потеряны.
* Читайте ./README.md для понимания. * Читайте ./README.md для понимания.
*/ */
@import "./src/scss/variables.scss";
@import "./src/blocks/page-header/page-header.scss";
@import "./src/blocks/page-footer/page-footer.scss";
@import "./src/blocks/sprite-svg/sprite-svg.scss";
@import "./src/blocks/sprite-png/sprite-png.scss";
@import "./src/scss/print.scss";
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment