Browse Source

js chat

master
rdrew 2 years ago
parent
commit
a6286192a5
  1. 17
      css/global-style.css
  2. 2
      css/global-style.css.map
  3. 141
      css/sass/components/_tabs.scss
  4. 2
      templates/landingpage/node--landing-page-paragraphs.html.twig

17
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;
}

2
css/global-style.css.map

File diff suppressed because one or more lines are too long

141
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,
@ -38,87 +37,85 @@ ul.tabs {
}
//lp search tabs
.searchtabs__container {
margin-top: $global-margin;
@include flex-grid-row();
//@include callout;
margin-top: $global-margin;
@include flex-grid-row();
//@include callout;
}
.searchtabs {
width:100%;
@include callout;
background: #757575;
border:0px;
ul {
border:0px;
}
.tabs-title > a {
border-radius: $global-radius $global-radius 0 0;
color:$white;
font-weight:600;
font-size: rem-calc(18);
font-family: $roboto-condensed;
margin-right:2px;
padding:0px;
width: 100%;
@include callout;
background: #757575;
border: 0px;
ul {
border: 0px;
}
.tabs-title > a {
border-radius: $global-radius $global-radius 0 0;
color: $white;
font-weight: 600;
font-size: rem-calc(18);
font-family: $roboto-condensed;
margin-right: 2px;
padding: 0px;
padding: 0.8rem 1rem;
@include breakpoint(medium) {
padding: 0.8rem 1.5rem;
padding: 0.8rem 1.5rem;
}
&:hover {
color: $primary-color;
}
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
color: $primary-color;
outline:none;
}
.tabs-content {
padding: $global-padding;
border-radius: 0 $global-radius $global-radius $global-radius;
&:hover {
color: $primary-color;
}
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
color: $primary-color;
outline: none;
}
.tabs-content {
padding: $global-padding;
border-radius: 0 $global-radius $global-radius $global-radius;
}
}
.form-submit {
}
.searchtabs {
form {
@extend .input-group;
}
input[type="submit"] {
@extend .input-group-button;
@include button();
@include button-style(
//$background,
$success-color,
//$background-hover,
auto,
//$color
auto
);
border-radius: 0 $global-radius $global-radius 0;
p {
margin: 0;
}
form > div {
@extend .input-group;
}
input[type='submit'] {
@extend .input-group-button;
@include button();
@include button-style(
//$background,
$success-color,
//$background-hover,
auto,
//$color
auto
);
border-radius: 0 $global-radius $global-radius 0;
margin-bottom:0;
}
input[type="text"] {
@extend .input-group-field;
//@include button();
border-radius: $global-radius 0 0 $global-radius;
background:#fff;
}
.tabs-panel {
@include padding(1,0,0,0);
}
.tabs {
background: #757575;}
}
.searchtabs .tabs-title > a:focus, .searchtabs .tabs-title > a[aria-selected='true'] {
color: #8C2004;
margin-bottom: 0;
}
input[type='text'] {
@extend .input-group-field;
//@include button();
border-radius: $global-radius 0 0 $global-radius;
background: #fff;
outline: none;
}
.tabs-panel {
@include padding(1, 0, 0, 0);
}
.tabs {
background: #757575;
}
}
.searchtabs .tabs-title > a:focus,
.searchtabs .tabs-title > a[aria-selected='true'] {
color: #8c2004;
background: #fff;
outline: none;
}

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

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

Loading…
Cancel
Save