library add

src/blocks/blocks-library/blocks-library.less

@@ -38,26 +38,106 @@
     }
   }
 
-  &__title {
-    margin-top: 0;
+  &__item-title {
+    margin: 0.3em 0;
   }
 
-  &__sub-item {
-    &:not(:first-child) {
-      margin-top: 2em;
-    }
-  }
+  &__sub-item {}
 
-  &__sub-item-title {
-    display: block;
-    text-transform: lowercase;
-    color: @gray-light;
-    font-size: @font-size;
-    margin-bottom: 0.7em;
-    border-bottom: 2px dashed @gray-lighter;
+  &__sub-item-title {}
+}
 
-    @media (min-width: @screen-md) {
-      margin-left: -4rem;
-    }
-  }
+
+
+.hljs {
+  display: block;
+  width: auto;
+  color: @text-color;
+  background-color: transparent;
+  padding: 0;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #999;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #333;
+  font-weight: bold;
+}
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+  color: #4f9fcf;
+}
+
+.hljs-string,
+.hljs-doctag {
+  color: #d44950;
+}
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+  color: #900;
+  font-weight: bold;
+}
+
+.hljs-subst {
+  font-weight: normal;
+}
+
+.hljs-type,
+.hljs-class .hljs-title {
+  color: #458;
+  font-weight: bold;
+}
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #2f6f9f;
+  font-weight: normal;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #009926;
+}
+
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073;
+}
+
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #0086b3;
+}
+
+.hljs-meta {
+  color: #999;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  background: #fdd;
+}
+
+.hljs-addition {
+  background: #dfd;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
 }

src/blocks/btn/btn.less

@@ -30,5 +30,9 @@
     width: 100%;
     text-align: center;
     justify-content: center;
+
+    & + & {
+      margin-top: (@line-height / 2);
+    }
   }
 }

src/blocks/form/form--horizontal.less

@@ -11,36 +11,48 @@
       .field-checkbox,
       .field-radio,
       .field-select,
-      .field-file {
+      .field-file,
+      .field-range,
+      .field-toggler {
         display: flex;
       }
 
       .field-text__name,
-      .field-select__name {
-        width: 15rem;
-        min-width: 15rem;
-        padding-top: 0.42em;
+      .field-select__name,
+      .field-file__name,
+      .field-range__name {
+        width: 9.375em;
+        min-width: 9.375em;
+        padding-top: 0.4em;
         padding-right: 0.6em;
         margin-bottom: 0;
       }
 
       .field-checkbox__title,
-      .field-radio__title,
-      .field-file__name {
-        width: 15rem;
-        min-width: 15rem;
+      .field-toggler__title,
+      .field-radio__title {
+        width: 9.375em;
+        min-width: 9.375em;
         padding-right: 0.6em;
         margin-bottom: 0;
       }
 
       .field-text__input-wrap,
       .field-select__select-wrap,
-      .field-file__input-wrap {
+      .field-range__input-wrap,
+      .field-file__input-wrap,
+      .field-toggler__input-wrap {
         flex-grow: 1;
       }
 
       .field-actions {
-        padding-left: 15rem;
+        padding-left: 9.375em;
+      }
+
+      .field-select__select[multiple] {
+        padding-top: 0.45em;
+        padding-bottom: 0.45em;
+        min-height: 7.1em;
       }
 
     }

src/less/global/global-forms.less

@@ -22,7 +22,8 @@ optgroup,
 textarea {
   margin: 0;
   line-height: inherit;
-  font: inherit;
+  font-size: inherit;
+  font-family: inherit;
   text-transform: none;
 }
 

src/less/global/global-scaffolding.less

@@ -302,8 +302,8 @@ pre {
   margin-top: @line-height;
   margin-bottom: @line-height;
   overflow-x: auto;
-  background-color: @gray-lighter;
-  padding: 0.5em;
+  background-color: @gray-lightest;
+  padding: 1em;
   border-radius: @border-radius;
-  border: 1px solid @border-color;
+  border: 1px solid @gray-lighter;
 }

src/less/mixins/btn-mixins.less

@@ -16,7 +16,7 @@
   vertical-align: middle;
   cursor: pointer;
   user-select: none;
-  font: inherit;
+  font-size: 1em;
   line-height: @line-height;
   text-decoration: none;
   border: 1px solid;
@@ -119,10 +119,6 @@
 
 .btn-size(@size: md) {
 
-  & when (@size = md) {
-    font-size: @font-size;
-  }
-
   & when (@size = sm) {
     font-size: @font-size--small;
     padding-top: round((@field-padding-top / 2), 2);