js chat

css/global-style.css

@@ -399,16 +399,16 @@ label.middle {
   color: #333;
 }
 
-.input-group, .searchtabs form {
+.input-group, .searchtabs form > div {
   display: flex;
   width: 100%;
   margin-bottom: 1rem;
   align-items: stretch;
 }
-.input-group > :first-child, .searchtabs form > :first-child, .input-group > :first-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:first-child > *, .searchtabs form > :first-child.input-group-button > *, .searchtabs form > input[type=submit]:first-child > * {
+.input-group > :first-child, .searchtabs form > div > :first-child, .input-group > :first-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:first-child > *, .searchtabs form > div > :first-child.input-group-button > *, .searchtabs form > div > input[type=submit]:first-child > * {
   border-radius: 6px 0 0 6px;
 }
-.input-group > :last-child, .searchtabs form > :last-child, .input-group > :last-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:last-child > *, .searchtabs form > :last-child.input-group-button > *, .searchtabs form > input[type=submit]:last-child > * {
+.input-group > :last-child, .searchtabs form > div > :last-child, .input-group > :last-child.input-group-button > *, .searchtabs .input-group > input[type=submit]:last-child > *, .searchtabs form > div > :last-child.input-group-button > *, .searchtabs form > div > input[type=submit]:last-child > * {
   border-radius: 0 6px 6px 0;
 }
 
@@ -17776,7 +17776,8 @@ ul.tabs {
 .searchtabs .tabs-title > a:hover {
   color: #8c2004;
 }
-.searchtabs .tabs-title > a:focus, .searchtabs .tabs-title > a[aria-selected=true] {
+.searchtabs .tabs-title > a:focus,
+.searchtabs .tabs-title > a[aria-selected=true] {
   color: #8c2004;
   outline: none;
 }
@@ -17785,6 +17786,9 @@ ul.tabs {
   border-radius: 0 6px 6px 6px;
 }
 
+.searchtabs p {
+  margin: 0;
+}
 .searchtabs input[type=submit] {
   display: inline-block;
   vertical-align: middle;
@@ -17835,8 +17839,9 @@ ul.tabs {
   background: #757575;
 }
 
-.searchtabs .tabs-title > a:focus, .searchtabs .tabs-title > a[aria-selected=true] {
-  color: #8C2004;
+.searchtabs .tabs-title > a:focus,
+.searchtabs .tabs-title > a[aria-selected=true] {
+  color: #8c2004;
   background: #fff;
   outline: none;
 }

css/sass/components/_tabs.scss

@@ -15,7 +15,7 @@ ul.tabs {
   display: inline-block;
   margin-right: 0.3em; /* LTR */
 }
-[dir="rtl"] .tabs > li {
+[dir='rtl'] .tabs > li {
   margin-right: 0;
   margin-left: 0.3em;
 }
@@ -29,7 +29,6 @@ ul.tabs {
   color: $red;
 }
 .tabs.primary > li > a.is-active {
-
   color: $red;
 }
 .tabs a:focus,
@@ -41,55 +40,52 @@ ul.tabs {
   margin-top: $global-margin;
   @include flex-grid-row();
   //@include callout;
-
 }
 .searchtabs {
-    width:100%;
+  width: 100%;
   @include callout;
   background: #757575;
-    border:0px;
+  border: 0px;
   ul {
-
-        border:0px;
+    border: 0px;
   }
   .tabs-title > a {
-
     border-radius: $global-radius $global-radius 0 0;
-        color:$white;
-        font-weight:600;
+    color: $white;
+    font-weight: 600;
     font-size: rem-calc(18);
     font-family: $roboto-condensed;
-        margin-right:2px;
-        padding:0px;
+    margin-right: 2px;
+    padding: 0px;
     padding: 0.8rem 1rem;
     @include breakpoint(medium) {
       padding: 0.8rem 1.5rem;
     }
     &:hover {
-
       color: $primary-color;
     }
-
   }
-    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
+  .tabs-title > a:focus,
+  .tabs-title > a[aria-selected='true'] {
     color: $primary-color;
-        outline:none;
+    outline: none;
   }
   .tabs-content {
     padding: $global-padding;
     border-radius: 0 $global-radius $global-radius $global-radius;
-
   }
 }
 
 .form-submit {
 }
 .searchtabs {
-    form {
+  p {
+    margin: 0;
+  }
+  form > div {
     @extend .input-group;
   }
-    input[type="submit"] {
-
+  input[type='submit'] {
     @extend .input-group-button;
     @include button();
     @include button-style(
@@ -102,23 +98,24 @@ ul.tabs {
     );
     border-radius: 0 $global-radius $global-radius 0;
 
-        margin-bottom:0;
+    margin-bottom: 0;
   }
-    input[type="text"] {
-
+  input[type='text'] {
     @extend .input-group-field;
     //@include button();
     border-radius: $global-radius 0 0 $global-radius;
-        background:#fff;
+    background: #fff;
   }
   .tabs-panel {
-        @include padding(1,0,0,0);
+    @include padding(1, 0, 0, 0);
   }
   .tabs {
-    background: #757575;}
+    background: #757575;
+  }
 }
-.searchtabs .tabs-title > a:focus, .searchtabs .tabs-title > a[aria-selected='true'] {
-    color: #8C2004;
+.searchtabs .tabs-title > a:focus,
+.searchtabs .tabs-title > a[aria-selected='true'] {
+  color: #8c2004;
   background: #fff;
   outline: none;
 }

templates/landingpage/node--landing-page-paragraphs.html.twig

@@ -67,7 +67,7 @@
  *
  */
 #}
-{{dd(content)}}
+{#{{dd(content)}}#}
 {%
   set classes = [
     'node',