Change highlighter color, export new layout CSS class helpers: .block…

…, .inline, .inline-block, .flex-column

basic-styles/grid.scss

@@ -225,13 +225,34 @@
   justify-content: center;
 }
 
+.block {
+  display: block;
+}
+
+.inline {
+  display: inline;
+}
+
+.inline-block {
+  display: inline-block;
+}
+
 .flex-row {
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   flex-wrap: wrap;
 }
 
+.flex-column {
+  display: flex!important;
+  flex-direction: column;
+}
+
+.h-100 {
+  height: 100%;
+}
+
 .segment {
   padding: $space-standard;
   background: rgba(0, 0, 0, 0.08);

controls/update-highlighter.scss

@@ -5,6 +5,6 @@
 }
 
 @keyframes highlighter {
-  from {background-color: var(--color-alt-bg);}
+  from {background-color: transparentize($color-primary, 0.5);}
   to {background-color: transparent;}
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stellar-expert/ui-framework",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "private": true,
   "description": "StellarExpert shared UI components library",
   "main": "index.js",