Commit 9b576138 authored by Nikolay Gromov's avatar Nikolay Gromov

Добавил блок .field-actions

parent 765fc1a8
......@@ -26,7 +26,8 @@
"alert": [],
"btn": [],
"to-top": [],
"field-text": []
"field-text": [],
"field-actions": []
},
"addCssBefore": [
"./src/scss/variables.scss",
......
......@@ -647,6 +647,26 @@
</section>
<section class="blocks-library__item" id="field-actions" data-name=".field-actions">
<h2 class="blocks-library__item-title">Блок отправки формы</h2>
<div class="field-actions">
<div class="field-actions__text">* — обязательные поля</div>
<button class="btn">Отправить</button>
</div>
<div class="blocks-library__code-wrapper">
<span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span>
<div class="blocks-library__code">
<pre class="code">
<code>&lt;a href="#" class="to-top" id="toTop">↑&lt;/a></code>
</pre>
</div>
</div>
</section>
</div>
<style>
......
// Для импорта в диспетчер подключений: @import './src/blocks/field-actions/field-actions.less';
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-actions {
display: block;
margin-top: @line-height;
margin-bottom: (@line-height / 2);
.btn {
margin-bottom: (@line-height / 2);
}
&__text {
display: block;
margin-top: (@line-height / 2);
margin-bottom: (@line-height / 2);
font-size: @font-size--small;
color: @text-color--muted;
line-height: 1.2em;
}
}
// В этом файле должны быть стили только для БЭМ-блока alert, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, $media-условий...
// Не пишите здесь другие селекторы.
$text-color--muted: hsl(0, 0%, 50%) !default;
$font-size--small: 0.75em !default;
$line-height: 1.375em !default;
.field-actions {
display: block;
margin-top: $line-height;
margin-bottom: ($line-height / 2);
.btn {
margin-bottom: ($line-height / 2);
}
&__text {
display: block;
margin-top: ($line-height / 2);
margin-bottom: ($line-height / 2);
font-size: $font-size--small;
color: $text-color--muted;
line-height: 1.2em;
}
}
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