Перенес стилизацию форм и таблиц

src/blocks/field-select/field-select.less

@@ -16,12 +16,20 @@
   &__input-wrap {}
 
   &__select {
+    background-color: #fff;
+    border: 1px solid @border-color;
+    border-radius: @border-radius;
+    display: inline-block;
+    vertical-align: middle;
+    width: 100%;
+    line-height: @line-height;
+    height: 2.125em;
+    padding: @field-padding-top 1.8em @field-padding-bottom @field-padding-horizontal;
     appearance: none;
     background-image: data-uri('image/svg+xml;charset=UTF-8', './src/blocks/field-select/img_to_bg/select-down.svg');
     background-repeat: no-repeat;
     background-position: right 0.3em center;
     background-size: 1.063em 0.688em;
-    padding-right: 1.8em;
 
     &[multiple] {
       background-image: none;
@@ -29,7 +37,7 @@
     }
 
     &::-ms-expand {
-        display: none;
+      display: none;
     }
   }
 

src/blocks/field-text/field-text.less

@@ -17,6 +17,15 @@
   &__input-wrap {}
 
   &__input {
+    background-color: #fff;
+    border: 1px solid @border-color;
+    border-radius: @border-radius;
+    display: inline-block;
+    vertical-align: middle;
+    width: 100%;
+    line-height: @line-height;
+    height: 2.125em;
+    padding: @field-padding-top @field-padding-horizontal @field-padding-bottom;
 
     textarea& {
       min-height: (@line-height * 2) + @field-padding-top + @field-padding-bottom + .2; // .2 — поправка на бордюр

src/blocks_library.html

@@ -264,8 +264,13 @@
                 </div>
               </li>
               <li class="main-nav__item">
-                <a href="" class="main-nav__link">
-                  <span class="main-nav__link-text">Контакты</span>
+                <a href="https://github.com/nicothin/NTH-start-project" class="main-nav__link">
+                  <span class="main-nav__link-text">Реопзиторий</span>
+                </a>
+              </li>
+              <li class="main-nav__item">
+                <a href="http://nicothin.pro/" class="main-nav__link">
+                  <span class="main-nav__link-text">Автор</span>
                 </a>
               </li>
             </ul>
@@ -1615,8 +1620,6 @@
 
     <h1 class="blocks-library__item-title">Формы по умолчанию</h1>
 
-    <p class="alert alert--danger">Формы по умолчанию имеют стилизацию. См. глобальный стилизационный файл для форм.</p>
-
     <form action="">
       <div class="row">
         <fieldset class="col-sm-6 col-md-4">

src/less/global/global-forms.less

-//------------------------------------------------------------------------------
-//  Формы
-//------------------------------------------------------------------------------
-
-label {
-  display: inline-block;
-}
-
-button {
-  overflow: visible;
-
-  &:focus {
-    outline: 1px dotted;
-    outline: 5px auto -webkit-focus-ring-color;
-  }
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  line-height: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  text-transform: none;
-}
-
-button,
-html input[type='button'],
-input[type='reset'],
-input[type='submit'] {
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-input[type='search'] {
-  -webkit-appearance: textfield;
-}
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-input[type='checkbox'],
-input[type='radio'] {
-  padding: 0;
-}
-
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-::placeholder {
-  color: @text-color--muted;
-  opacity: 1;
-}
-
-textarea {
-  resize: vertical;
-}
-
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  border: 0;
-  margin-top: (@line-height / 2);
-  margin-bottom: (@line-height / 2);
-  font-size: @font-size--h4;
-  font-family: @font-family--headings;
-  font-weight: 700;
-  line-height: 1.4;
-  color: currentColor;
-}
-
-// Добавочная стилизация по умолчанию
-
-select,
-textarea,
-input[type='text'],
-input[type='password'],
-input[type='datetime'],
-input[type='datetime-local'],
-input[type='date'],
-input[type='month'],
-input[type='time'],
-input[type='week'],
-input[type='number'],
-input[type='email'],
-input[type='url'],
-input[type='search'],
-input[type='color'],
-input[type='tel'] {
-  background-color: #fff;
-  border: 1px solid @border-color;
-  border-radius: @border-radius;
-  display: inline-block;
-  vertical-align: middle;
-  width: 100%;
-  line-height: @line-height;
-  height: 2.125em;
-  padding: @field-padding-top @field-padding-horizontal @field-padding-bottom;
-}
-
-textarea,
-select[multiple] {
-  height: auto;
-}
-
-input[type='color'] {
-  max-width: 100px;
-}
-
-input[type='range'] {
-  width: 100%;
-}
-
-input[disabled],
-input[readonly] {
-  background-color: @gray-lighter;
-}
-
-select,
-textarea,
-input {
-  &:focus {
-    .focus();
-  }
-}

src/less/global/global-scaffolding.less

@@ -4,6 +4,7 @@
 
 //------------------------------------------------------------------------------
 //  Базовая стилизация. Одновременно и аналог CSS-normalize, и стилизация тегов.
+//  Общие правила, типографика, формы по умолчанию, таблицы по умолчанию.
 //------------------------------------------------------------------------------
 
 
@@ -268,9 +269,9 @@ blockquote {
     text-align: right;
     color: @gray;
 
-    &:before {
-      content: '— ';
-    }
+    // &:before {
+    //   content: '— ';
+    // }
   }
 }
 
@@ -310,3 +311,140 @@ pre {
   white-space: normal;
   tab-size: 2;
 }
+
+
+
+//------------------------------------------------------------------------------
+//  Формы
+//------------------------------------------------------------------------------
+
+label {
+  display: inline-block;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  line-height: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  text-transform: none;
+}
+
+button,
+html input[type='button'],
+input[type='reset'],
+input[type='submit'] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+input[type='search'] {
+  -webkit-appearance: textfield;
+}
+
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+  padding: 0;
+}
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+::placeholder {
+  color: @text-color--muted;
+  opacity: 1;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+textarea,
+select[multiple] {
+  height: auto;
+}
+
+input[type='color'] {
+  max-width: 100px;
+}
+
+input[type='range'] {
+  width: 100%;
+}
+
+input[disabled],
+input[readonly] {
+  background-color: @gray-lighter;
+}
+
+select,
+textarea,
+input {
+  &:focus {
+    .focus();
+  }
+}
+
+
+
+//------------------------------------------------------------------------------
+//  Таблицы
+//------------------------------------------------------------------------------
+
+table {
+  border: 0;
+  border-collapse: collapse;
+  width: 100%;
+  border: 1px solid @border-color;
+}
+
+caption {
+  padding: round(0.6em * (100 / @font-size--small-percent), 2);
+  text-align: right;
+  caption-side: bottom;
+  font-size: @font-size--small-percent;
+  line-height: 1em;
+  color: @text-color--muted;
+}
+
+td,
+th {
+  vertical-align: top;
+  border-bottom: 1px solid @border-color;
+
+  &:not(:first-child) {
+    border-left: 1px solid @border-color;
+  }
+}
+
+th {
+  text-align: left;
+  padding: 0.6em;
+}
+
+td {
+  padding: 0.6em;
+}

src/less/global/global-tables.less

-@import './src/less/variables.less';     // только для удобства обращения к переменным
-
-
-
-table {
-  border: 0;
-  border-collapse: collapse;
-  width: 100%;
-  border: 1px solid @border-color;
-}
-
-caption {
-  padding: round(0.6em * (100 / @font-size--small-percent), 2);
-  text-align: right;
-  caption-side: bottom;
-  font-size: @font-size--small-percent;
-  line-height: 1em;
-  color: @text-color--muted;
-}
-
-td,
-th {
-  vertical-align: top;
-  border-bottom: 1px solid @border-color;
-
-  &:not(:first-child) {
-    border-left: 1px solid @border-color;
-  }
-}
-
-th {
-  text-align: left;
-  padding: 0.6em;
-}
-
-td {
-  padding: 0.6em;
-}

src/less/style.less

@@ -8,8 +8,6 @@
 @import './src/less/global/global-scaffolding.less';
 @import './src/less/global/global-print.less';
 @import './src/less/global/global-grid.less';
-@import './src/less/global/global-forms.less';
-@import './src/less/global/global-tables.less';
 
 // @import './src/blocks/demo-block/demo-block.less';
 @import './src/blocks/page-header/page-header.less';