blockqoute-right

src/blocks/blockquote-right/blockquote-right.html

+<!--DEV
+
+<blockquote class="blockquote-right">
+  <p>Цитата. Далеко-далеко за словесными горами в стране. Далеко-далеко за словесными горами в стране.</p>
+</blockquote>
+<blockquote class="blockquote-right">
+  <p>Цитата. Далеко-далеко за словесными горами в стране. Далеко-далеко за словесными горами в стране.</p>
+  <footer>Emmet</footer>
+</blockquote>
+<blockquote class="blockquote-right">
+  <p>Цитата. Далеко-далеко за словесными горами в стране. Далеко-далеко за словесными горами в стране.</p>
+  <footer><cite>Emmet</cite></footer>
+</blockquote>
+
+-->

src/blocks/blockquote-right/blockquote-right.less

+@import "../../less/variables.less";     // только для удобства обращения к переменным
+@import "../../less/mixins/mixins.less"; // только для удобства обращения к примесям
+
+
+.blockquote-right {
+  text-align: right;
+  border-left: 0;
+  padding: 0 1.8em 0 0;
+  border-right: 5px solid @border-color;
+}

src/blocks_library.html

@@ -192,10 +192,26 @@
       <dd>Некое, возможно, относительно длинное определение. Скорее всего, длинное, весьма многострочное и многословное. Некое, возможно, относительно длинное определение. Скорее всего, длинное, весьма многострочное и многословное.</dd>
       <dd>Второе определение подряд.</dd>
       <dt>Конституционально-эзотерический концептуализм</dt>
-      <dd>Некое определение.</dd>
+      <dd>Некое определение многословного термина.</dd>
     </dl>
   </div>
 
+  <div class="blocks-library__item" id="blockquote-right" data-name=".blockquote-right">
+    <blockquote class="blockquote-right">
+      <p>Цитата. Далеко-далеко за словесными горами в стране. Далеко-далеко за словесными горами в стране.</p>
+    </blockquote>
+    <blockquote class="blockquote-right">
+      <p>Цитата. Далеко-далеко за словесными горами в стране. Далеко-далеко за словесными горами в стране.</p>
+      <footer>Emmet</footer>
+    </blockquote>
+    <blockquote class="blockquote-right">
+      <p>Цитата. Далеко-далеко за словесными горами в стране. Далеко-далеко за словесными горами в стране.</p>
+      <footer><cite>Emmet</cite></footer>
+    </blockquote>
+  </div>
+
+  <hr>
+
 
 
 

src/less/global-scaffolding.less

@@ -228,6 +228,7 @@ blockquote {
 
   footer {
     text-align: right;
+    color: @gray;
 
     &:before {
       content: '— ';

src/less/style.less

@@ -7,6 +7,7 @@
 @import "./src/less/global-forms.less";
 
 @import "./src/blocks/dl-horizontal/dl-horizontal.less";
+@import "./src/blocks/blockquote-right/blockquote-right.less";
 @import "./src/blocks/blocks-library/blocks-library.less";
 @import "./src/blocks/btn/btn.less";
 @import "./src/blocks/table-responsive/table-responsive.less";