Skip to content

K
kpp
Commit 475fea52 authored by Nikolay Gromov's avatar Nikolay Gromov
Browse files
Options

Добавил прибитый подвал

parent 10cfe6cc
Show whitespace changes
Inline Side-by-side
Showing with 41 additions and 5 deletions
src/blocks-demo.html
View file @ 475fea52
...@@ -68,13 +68,21 @@ ...@@ -68,13 +68,21 @@
<li>Ограничение размера картинок до 100% ширины родителя.</li> <li>Ограничение размера картинок до 100% ширины родителя.</li>
</ul> </ul>
<p>В стилизацию блока включена стилизация «прибитого подвала».</p>
<div class="blocks-library__code-wrapper"> <div class="blocks-library__code-wrapper">
<span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span> <span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span>
<div class="blocks-library__code"> <div class="blocks-library__code">
<pre class="code"> <pre class="code">
<code>&lt;html class="page"></code> <code>&lt;!DOCTYPE html></code>
<code> &lt;head>...&lt;/head></code> <code>&lt;html class="no-js page" lang="ru"></code>
<code> &lt;body>...&lt;/body></code> <code>&lt;head>...&lt;/head></code>
<code>&lt;body></code>
<code> &lt;div class="page__inner"></code>
<code> &lt;div class="page__content">Основное содержимое&lt;/div></code>
<code> &lt;div class="page__footer-wrapper">Прибитый «подвал»&lt;/div></code>
<code> &lt;/div></code>
<code>&lt;/body></code>
<code>&lt;/html></code> <code>&lt;/html></code>
</pre> </pre>
</div> </div>
......
src/blocks/page/page.scss
View file @ 475fea52
...@@ -16,6 +16,20 @@ ...@@ -16,6 +16,20 @@
-ms-text-size-adjust: 100%; /* stylelint-disable-line property-no-vendor-prefix */ -ms-text-size-adjust: 100%; /* stylelint-disable-line property-no-vendor-prefix */
min-width: 320px; min-width: 320px;
min-height: 100%; min-height: 100%;
&__inner {
min-height: 100vh;
display: flex;
flex-direction: column;
}
&__content {
flex-grow: 1;
}
&__footer-wrapper {
flex-shrink: 0;
}
} }
*, *,
......
src/index.html
View file @ 475fea52
...@@ -10,10 +10,24 @@ ...@@ -10,10 +10,24 @@
<body> <body>
<div class="page__inner">
<div class="page__content">
@@include('blocks/page-header/page-header.html')
<h1>NTH start project</h1> <h1>NTH start project</h1>
<p><a href="blocks-demo.html">Страница с демкой компонентов</a></p> <p><a href="blocks-demo.html">Страница с демкой компонентов</a></p>
</div>
<div class="page__footer-wrapper">
@@include('blocks/page-footer/page-footer.html')
</div>
</div>
@@include('_include/page_bottom.html') @@include('_include/page_bottom.html')
</body> </body>
</html> </html>
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