Добавил в стилевые файлы локальные переменные имен блока

src/blocks/alert/alert.scss

@@ -12,6 +12,10 @@ $font-size--h3:               1.5em !default;
 $border-radius:               3px !default;
 
 .alert {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   position: relative;
   padding: 0.7em 1em;
   background-color: $gray-lightest;

src/blocks/breadcrumbs/breadcrumbs.scss

@@ -7,6 +7,10 @@ $line-height:                 1.375em !default;
 $text-color:                  hsl(0, 0%, 10%) !default;
 
 .breadcrumbs {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   padding: 0;
   list-style: none;
   margin: $line-height 0;

src/blocks/btn/btn.scss

@@ -13,6 +13,10 @@ $field-padding-horizontal:    0.7em !default;
 $border-radius:               3px !default;
 
 .btn {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   box-sizing: border-box;
   display: inline-block;
   margin: 0;

src/blocks/burger/burger.scss

@@ -6,6 +6,10 @@ $toggler-part-height:         3px !default;
 $toggler-part-bg-color:       #000 !default;
 
 .burger {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   position: relative;
   z-index: 1;
   display: flex;

src/blocks/close/close.scss

@@ -6,6 +6,10 @@ $toggler-part-height:         3px !default;
 $toggler-part-bg-color:       #000 !default;
 
 .close {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   position: relative;
   z-index: 1;
   display: flex;

src/blocks/code/code.scss

@@ -10,6 +10,10 @@ $line-height:                 1.375em !default;
 $border-radius:               3px !default;
 
 .code {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   width: 100%;
   max-height: 50rem;

src/blocks/dropdown/dropdown.scss

@@ -11,6 +11,10 @@ $border-radius:               3px !default;
 $transition-time:             0.3s !default;
 
 .dropdown {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   position: relative;
   display: inline-block;
 

src/blocks/field-actions/field-actions.scss

@@ -9,6 +9,10 @@ $font-size--small:            0.75em !default;
 $line-height:                 1.375em !default;
 
 .field-actions {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-top: $line-height;
   margin-bottom: ($line-height / 2);

src/blocks/field-checkbox/field-checkbox.scss

@@ -5,6 +5,10 @@
 $line-height:                 1.375em !default;
 
 .field-checkbox {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-bottom: ($line-height / 2);
 

src/blocks/field-checkbox/field-checkbox__input-wrap--error.scss

@@ -7,6 +7,7 @@ $color-danger:                hsl(2, 64%, 58%) !default;
 .field-checkbox {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   &__input-wrap--error {
 

src/blocks/field-file/field-file--error.scss

@@ -7,6 +7,7 @@ $color-danger:                hsl(2, 64%, 58%) !default;
 .field-file {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   &--error {
 

src/blocks/field-file/field-file.scss

@@ -13,6 +13,10 @@ $field-padding-horizontal:    0.7em !default;
 $border-radius:               3px !default;
 
 .field-file {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-bottom: ($line-height / 2);
 

src/blocks/field-radio/field-radio.scss

@@ -5,6 +5,10 @@
 $line-height:                 1.375em !default;
 
 .field-radio {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-bottom: ($line-height / 2);
 

src/blocks/field-radio/field-radio__input-wrap--error.scss

@@ -7,6 +7,7 @@ $color-danger:                hsl(2, 64%, 58%) !default;
 .field-radio {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   &__input-wrap--error {
 

src/blocks/field-range/field-range.scss

@@ -10,6 +10,10 @@ $line-height:                 1.375em !default;
 $border-radius:               3px !default;
 
 .field-range {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-bottom: ($line-height / 2);
 

src/blocks/field-select/field-select--error.scss

@@ -7,6 +7,7 @@ $color-danger:                hsl(2, 64%, 58%) !default;
 .field-select {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   &--error {
 

src/blocks/field-select/field-select.scss

@@ -10,6 +10,10 @@ $line-height:                 1.375em !default;
 $border-radius:               3px !default;
 
 .field-select {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-bottom: ($line-height / 2);
 

src/blocks/field-text/field-text--error.scss

@@ -7,6 +7,7 @@ $color-danger:                hsl(2, 64%, 58%) !default;
 .field-text {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   &--error {
 

src/blocks/field-text/field-text.scss

@@ -15,6 +15,10 @@ $field-padding-horizontal:    0.7em !default;
 $border-radius:               3px !default;
 
 .field-text {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-bottom: ($line-height / 2);
 

src/blocks/field-toggler/field-toggler.scss

@@ -8,6 +8,10 @@ $border-color:                hsl(0, 0%, 60%) !default;
 $line-height:                 1.375em !default;
 
 .field-toggler {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   margin-bottom: ($line-height / 2);
 

src/blocks/form/form.scss

@@ -10,6 +10,9 @@ $line-height:                 1.375em !default;
 
 .form {
 
+  $block-name:                &;
+  // #{$block-name}__element
+
   &:not(:last-child) {
     margin-bottom: $line-height;
   }

src/blocks/label/label.scss

@@ -11,6 +11,10 @@ $text-color:                  hsl(0, 0%, 10%) !default;
 $border-radius:               3px !default;
 
 .label {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: inline-block;
   position: relative;
   margin: 0 0.1em;

src/blocks/loader/loader.scss

@@ -6,6 +6,10 @@ $gray-lighter:                hsl(0, 0%, 80%) !default;
 $gray-lightest:               hsl(0, 0%, 90%) !default;
 
 .loader {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: inline-block;
 
   &:before {

src/blocks/logo/logo.scss

@@ -3,6 +3,10 @@
 // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
 
 .logo {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   white-space: nowrap;
 }

src/blocks/main-nav/main-nav.scss

@@ -20,6 +20,7 @@ $transition-time:             0.3s !default;
 .main-nav {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   position: relative;
   z-index: 10;

src/blocks/media/media.scss

@@ -3,6 +3,10 @@
 // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
 
 .media {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: flex;
   margin-top: $line-height;
   margin-bottom: $line-height;

src/blocks/menu/menu.scss

@@ -7,6 +7,10 @@ $text-color:                  hsl(0, 0%, 10%) !default;
 $border-color:                hsl(0, 0%, 60%) !default;
 
 .menu {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   min-width: 10em;
   margin: 0;
   padding: 0.3em 0;

src/blocks/modal/modal.scss

@@ -23,6 +23,7 @@ $z-index-modal:               100 !default;
 .modal {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   display: none;
   overflow: hidden;

src/blocks/off-canvas/off-canvas.scss

@@ -16,6 +16,7 @@ $off-canvas-width:            250px !default;
 .off-canvas {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   position: relative;
   overflow: hidden;

src/blocks/owl-carousel/owl-carousel.scss

@@ -2,4 +2,8 @@
 // модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
 
-.owl-carousel {}
+.owl-carousel {
+  // В сборку стилей берется стилевой файл по умолчанию,
+  // поставляемый вместе с этим плагином: owl.carousel.css
+  // см. ./projectConfig.json
+}

src/blocks/page-footer/page-footer.scss

@@ -4,4 +4,6 @@
 
 .page-footer {
 
+  $block-name:                &;
+  // #{$block-name}__element
 }

src/blocks/page-header/page-header.scss

@@ -4,4 +4,6 @@
 
 .page-header {
 
+  $block-name:                &;
+  // #{$block-name}__element
 }

src/blocks/page/page.scss

@@ -9,6 +9,10 @@
 }
 
 .page { // html
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   box-sizing: border-box;
   font-size: 10px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -54,8 +58,8 @@ body {
 }
 
 // We love Safari
-input[type="search"] {
-  -webkit-appearance: textfield;
+input[type='search'] {
+  -webkit-appearance: textfield; /* stylelint-disable-line  property-no-vendor-prefix */
 }
 
 // Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.

src/blocks/pagination/pagination.scss

@@ -9,6 +9,10 @@ $text-color:                  hsl(0, 0%, 10%) !default;
 $border-color:                hsl(0, 0%, 60%) !default;
 
 .pagination {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: flex;
   flex-wrap: wrap;
   margin-top: $line-height;

src/blocks/progress/progress.scss

@@ -12,6 +12,10 @@ $border-radius:               3px !default;
 $transition-time:             0.3s !default;
 
 .progress {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   margin-top: $line-height;
   margin-bottom: $line-height;
   border: 1px solid $border-color;

src/blocks/swipe/swipe.scss

@@ -3,6 +3,10 @@
 // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
 
 .swipe {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   overflow: hidden;
   visibility: hidden;
   position: relative;

src/blocks/table-mobile-scroll/table-mobile-scroll.scss

@@ -7,6 +7,10 @@ $line-height:                 1.375em !default;
 $border-color:                hsl(0, 0%, 60%) !default;
 
 .table-mobile-scroll {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: block;
   width: 100%;
   overflow-x: auto;

src/blocks/table-responsive/table-responsive.scss

@@ -15,6 +15,9 @@ $screen-xxl:                  1800px !default;
 
 .table-responsive {
 
+  $block-name:                &;
+  // #{$block-name}__element
+
   @media (max-width: ($screen-md - 1)) {
     display: block;
     border: 0;

src/blocks/table/table.scss

@@ -16,6 +16,10 @@ $field-padding-vertical:      0.3em !default;
 $field-padding-horizontal:    0.7em !default;
 
 .table {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   border-collapse: collapse;
   width: 100%;
   border: 1px solid $border-color;

src/blocks/tabs/tabs.scss

@@ -17,6 +17,7 @@ $field-padding-horizontal:    0.7em !default;
 .tabs {
 
   $block-name:                &;
+  // #{$block-name}__element
 
   margin-top: $line-height;
   margin-bottom: $line-height;

src/blocks/thumb/thumb.scss

@@ -10,6 +10,10 @@ $border-radius:               3px !default;
 $transition-time:             0.3s !default;
 
 .thumb {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   display: inline-block;
   padding: 0.4rem;
   line-height: $line-height;

src/blocks/to-top/to-top.scss

@@ -3,6 +3,10 @@
 // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
 
 .to-top {
+
+  $block-name:                &;
+  // #{$block-name}__element
+
   position: fixed;
   right: 1rem;
   bottom: 1rem;

src/blocks/typo/typo.scss

-// Этот блок ответственнен за типографику проекта.
+// Этот блок ответственен за типографику проекта.
 // Не пишите тут какую-либо стороннюю стилизацию.
 
 $gray:                        hsl(0, 0%, 50%) !default;