Skip to content

Commit

Permalink
Revert "update styles and markup for cci cta bar"
Browse files Browse the repository at this point in the history
This reverts commit 4873cec.
  • Loading branch information
poojagunturu96 committed Nov 13, 2024
1 parent 4873cec commit 291eb7f
Show file tree
Hide file tree
Showing 5 changed files with 8 additions and 211 deletions.
64 changes: 0 additions & 64 deletions src/scss/components/_cta-bar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -42,67 +42,3 @@
transition: opacity 0.2s;
background: $white;
}

// CCI CTA bar
.cta-bar.link-list {
display: flex;
background-color: $blue-lighter;
color: $navy;
flex-direction: column;
align-items: center;
padding-top: $spacing-2;

@include breakpoint(md) {
padding-bottom: $spacing-2;
}

@include breakpoint(lg) {
flex-direction: row;
justify-content: center;
align-items: baseline;
line-height: $line-height-solid;
}

.cta-bar__links {
margin-bottom: $spacing-1;

@include breakpoint(sm) {
margin-bottom: 0;
}

@include breakpoint(lg) {
padding-right: $spacing-5;
border-right: 1px solid $gray-light;
}
}

a.cta-bar__link {
font-size: $typescale-2;
@include link-border;
white-space: nowrap;

&:not(:first-child) {
margin-left: $spacing-3;

@include breakpoint(lg) {
margin-left: $spacing-5;
}
}
}

ul {
@include breakpoint(lg) {
padding-left: rem(28);
}
}

&:hover,
&:focus {
background: $blue-lighter;

.cta-bar__text,
.cta-bar__button {
opacity: 1;
}
}
}
122 changes: 0 additions & 122 deletions src/templates/office-cci-home.twig

This file was deleted.

2 changes: 1 addition & 1 deletion src/templates/partials/anchor-header.twig
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
{# {% set is_front = false %} #}
{% set is_front = false %}
<section class="anchor-header{% if is_front %} anchor-header--front{% endif %}" aria-labelledby="midd-anchor-header-label">
<div class="container">
<div class="anchor-header__primary">
Expand Down
23 changes: 4 additions & 19 deletions src/templates/partials/cta-bar.twig
Original file line number Diff line number Diff line change
@@ -1,19 +1,4 @@
{% if cci %}
<div class="cta-bar link-list">
<div class="cta-bar__links">
<a class="cta-bar__link" href="#">Appointments and Drop-Ins</a>
<a class="cta-bar__link" href="#">Handshake</a>
<a class="cta-bar__link" href="#">Midd2Midd</a>
<a class="cta-bar__link" href="#">Hire a MiddKid</a>
</div>
{% include 'partials/social-links.twig' with {
dark: true,
items: ['linkedin', 'instagram', 'youtube', 'facebook']
} %}
</div>
{% else %}
<a href="{{ link }}" class="cta-bar">
<span class="cta-bar__text">{{ text }}</span>
<span class="cta-bar__button button button--sm">{{ button }}</span>
</a>
{% endif %}
<a href="{{ link }}" class="cta-bar">
<span class="cta-bar__text">{{ text }}</span>
<span class="cta-bar__button button button--sm">{{ button }}</span>
</a>
8 changes: 3 additions & 5 deletions src/templates/partials/social-links.twig
Original file line number Diff line number Diff line change
@@ -1,10 +1,8 @@
{% set social_items = items|default(['discord', 'linkedin', 'instagram', 'tiktok', 'youtube', 'mastodon', 'pinterest', 'twitter', 'vimeo', 'facebook', 'wechat', 'weibo', 'x', 'threads']) %}

<ul class="d-inline-flex {{class}}">
{% for name in social_items %}
{% if items or random(1) %}
{% for name in ['discord', 'linkedin', 'instagram', 'tiktok', 'youtube', 'mastodon', 'pinterest', 'twitter', 'vimeo', 'facebook', 'wechat', 'weibo', 'x', 'threads'] %}
{% if env.test or random(1) %}
<li class="mr-1">
<a href="#" class="d-inline-block {% if light %}text-white hover-fadeout{% elseif dark %}hover-fadeout{% else %}hover-fadein{% endif %} {{office_footer ? " px-1" : " p-1"}}">
<a href="#" class="d-inline-block {% if light %}text-white hover-fadeout{% else %}hover-fadein{% endif %} {{office_footer ? " px-1" : " p-1"}}">
{% include 'partials/icon.twig' with {
name: name,
class: large ? 'f5' : null
Expand Down

0 comments on commit 291eb7f

Please sign in to comment.