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

2
css/global-style.css.map

File diff suppressed because one or more lines are too long

53
css/sass/components/_tabs.scss

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

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

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

Loading…
Cancel
Save