library, tables

src/blocks/list-nums/list-nums.less

@@ -10,7 +10,8 @@
     counter-reset: li-in;
     padding-top: 0.25em;
 
-    & > li {
+    & > li,
+    & > &__item {
       &:before {
         content: counter(li) '.' counter(li-in);
         counter-increment: li-in;
@@ -18,7 +19,8 @@
     }
   }
 
-  & > li {
+  & > li,
+  & > &__item {
     position: relative;
     padding-left: 1.8em;
     padding-top: 0.25em;

src/blocks/table-responsive-scroll/table-responsive-scroll.html

+<!--DEV
+
+Нужно убрать пробел между @-ами:
+
+@ @include('blocks/table-responsive-scroll/table-responsive-scroll.html')
+
+-->
+<div class="table-responsive-scroll">content</div>

src/blocks/table-responsive-scroll/table-responsive-scroll.less

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.table-responsive-scroll {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  margin-top: (@line-height / 2);
+  margin-bottom: (@line-height / 2);
+  border: 1px solid @border-color;
+  border-bottom: 0;
+
+  table {
+    margin: 0;
+    border: 0 !important;
+  }
+
+  caption {
+    display: none;
+  }
+}

src/blocks/table/table--hover.less

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.table {
+
+  &--hover {
+    tbody {
+      tr:hover {
+        background-color: @gray-lightest;
+      }
+    }
+  }
+
+}

src/blocks/table/table--striped.less

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.table {
+
+  &--striped {
+    tbody {
+      tr:nth-child(2n) {
+        background-color: @gray-lightest;
+      }
+    }
+  }
+
+}

src/blocks/table/table.html

+<!--DEV
+
+Нужно убрать пробел между @-ами:
+
+@ @include('blocks/table/table.html')
+
+-->
+<div class="table">content</div>

src/blocks/table/table.less

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.table {
+  border: 1px solid @border-color;
+
+  td,
+  th {
+    &:not(:first-child) {
+      border-left: 1px solid @border-color;
+    }
+  }
+
+  &__header {
+    background-color: @gray-lightest;
+  }
+
+  &__body {}
+
+  &__footer {
+    background-color: @gray-lightest;
+    color: @gray;
+  }
+}

src/less/global/global-tables.less

@@ -9,7 +9,7 @@ table {
 }
 
 caption {
-  padding: 0.3em;
+  padding: 0.6em;
   color: @text-color--muted;
   text-align: left;
 }
@@ -22,9 +22,9 @@ th {
 
 th {
   text-align: left;
-  padding: 0.3em;
+  padding: 0.6em;
 }
 
 td {
-  padding: 0.3em;
+  padding: 0.6em;
 }

src/less/style.less

@@ -13,7 +13,11 @@
 @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/table.less';
+@import './src/blocks/table/table--hover.less';
+@import './src/blocks/table/table--striped.less';
 @import './src/blocks/table-responsive/table-responsive.less';
+@import './src/blocks/table-responsive-scroll/table-responsive-scroll.less';
 @import './src/blocks/field-text/field-text.less';
 @import './src/blocks/field-text/field-text--lg.less';
 @import './src/blocks/field-text/field-text--sm.less';