Skip to content

Commit

Permalink
Color and styling tweaks.
Browse files Browse the repository at this point in the history
  • Loading branch information
jbum committed Dec 13, 2023
1 parent 154a1fd commit 8271497
Show file tree
Hide file tree
Showing 19 changed files with 53 additions and 52 deletions.
6 changes: 3 additions & 3 deletions components/accordion/src/css/index.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions components/accordion/src/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ cagov-accordion:defined {
}

details .cagov-open-indicator {
background-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
height: 3px;
width: 15px;
border-radius: var(--border-3, 3px);
Expand All @@ -75,7 +75,7 @@ cagov-accordion:defined {
height: 15px;
border-radius: var(--border-3, 3px);
border: none;
box-shadow: 3px 0 0 0 var(--primary-700, #165ac2);
box-shadow: 3px 0 0 0 var(--primary-700, #0D4F8C);
background: none;
}

Expand Down
8 changes: 4 additions & 4 deletions components/base-css/dist/themes/cagov.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion components/base-css/src/_breadcrumbs.scss
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
font-weight: 700;
font-size: calc(1rem + var(--ratio));
line-height: 1.125rem;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
}

.breadcrumb span.crumb:not(:last-child):not([class*="separator"]) {
Expand Down
2 changes: 1 addition & 1 deletion components/base-css/src/_buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
.wp-block-button__link {
background-color: #33705b;
/* defined here for when css vars are not supported */
background-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
color: white;
padding: 0.5556rem;
margin: 0 0 1rem 0;
Expand Down
2 changes: 1 addition & 1 deletion components/base-css/src/_links.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/* Links global styles */
a {
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);

&:hover {
color: var(--primary-900, #00315F);
Expand Down
2 changes: 1 addition & 1 deletion components/base-css/src/colorschemes/_cagov.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
--primary-100: #e7eef9;
--primary-300: #a3bee7;
--primary-500: #5a8ad4;
--primary-700: #165ac2; // brand color
--primary-700: #0D4F8C; // brand color - changed for hub
--primary-900: #00315F;

--accent1-100: #ffead6;
Expand Down
40 changes: 20 additions & 20 deletions components/combined-css/dist/cagov.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
--primary-100: #e7eef9;
--primary-300: #a3bee7;
--primary-500: #5a8ad4;
--primary-700: #165ac2;
--primary-700: #0D4F8C;
--primary-900: #003688;
--accent1-100: #ffead6;
--accent1-300: #ffa656;
Expand Down Expand Up @@ -2662,7 +2662,7 @@ main .wp-block-image img {
.wp-block-button__link {
background-color: #33705b;
/* defined here for when css vars are not supported */
background-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
color: white;
padding: 0.5556rem;
margin: 0 0 1rem 0;
Expand Down Expand Up @@ -3232,7 +3232,7 @@ input:focus {
/* input, textarea, select generic styles */
/* Links global styles */
a {
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
text-decoration: underline;
}
a:hover {
Expand Down Expand Up @@ -3280,7 +3280,7 @@ button:focus {
font-weight: 700;
font-size: calc(1rem + var(--ratio));
line-height: 1.125rem;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
}
.breadcrumb span.crumb:not(:last-child):not([class*=separator]) {
padding: 0;
Expand Down Expand Up @@ -6287,7 +6287,7 @@ cagov-accordion details summary {
position: relative;
line-height: var(--s-4, 2rem);
margin: 0;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
font-size: var(--font-size-2, 1.125rem);
font-weight: bold;
}
Expand Down Expand Up @@ -6324,7 +6324,7 @@ cagov-accordion:defined details summary:focus {
background-color: var(--gray-100, #fafafa);
}
cagov-accordion:defined details .cagov-open-indicator {
background-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
height: 3px;
width: 15px;
border-radius: var(--border-3, 3px);
Expand All @@ -6342,7 +6342,7 @@ cagov-accordion:defined details .cagov-open-indicator:before {
height: 15px;
border-radius: var(--border-3, 3px);
border: none;
box-shadow: 3px 0 0 0 var(--primary-700, #165ac2);
box-shadow: 3px 0 0 0 var(--primary-700, #0D4F8C);
background: none;
}
cagov-accordion:defined details[open] .cagov-open-indicator:before {
Expand All @@ -6363,7 +6363,7 @@ section.site-footer .container {
padding: 16px;
}
section.site-footer a {
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
}
section.site-footer a:hover {
color: var(--primary-900, #00315F);
Expand Down Expand Up @@ -6400,7 +6400,7 @@ section.site-footer .footer-social-links a {
transition: all 0.3s ease;
}
section.site-footer .footer-social-links a svg path {
fill: var(--primary-700, #165ac2);
fill: var(--primary-700, #0D4F8C);
}
section.site-footer .footer-social-links a:hover svg path {
fill: var(--primary-900, #00315F);
Expand Down Expand Up @@ -6581,7 +6581,7 @@ cagov-back-to-top .back-to-top.is-visible {
background: transparent;
overflow: visible;
padding: 10px;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
}
.site-header button.search-btn:hover,
.site-header button.menu-btn:hover {
Expand All @@ -6602,7 +6602,7 @@ cagov-back-to-top .back-to-top.is-visible {
}
.site-header button.search-btn .blue,
.site-header button.menu-btn .blue {
fill: var(--primary-700, #165ac2);
fill: var(--primary-700, #0D4F8C);
}
.site-header .menu-trigger {
padding: 0 !important;
Expand All @@ -6612,7 +6612,7 @@ cagov-back-to-top .back-to-top.is-visible {
display: inline-block;
cursor: pointer;
position: relative;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
display: flex;
align-items: center;
right: 0;
Expand All @@ -6623,7 +6623,7 @@ cagov-back-to-top .back-to-top.is-visible {
position: fixed;
}
.site-header .menu-trigger .hamburger-inner {
background-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
}
.site-header .menu-trigger:hover {
color: var(--primary-900, #00315F);
Expand Down Expand Up @@ -6968,8 +6968,8 @@ cagov-site-navigation .search-container--small.hidden-search {
.cagov-hero-body-content .wp-block-button:not(.is-style-outline) .btn-primary:not(:hover):not(:active):not(.has-background) {
/* defined here for when css vars are not supported */
color: var(--white, #fff);
background-color: var(--primary-700, #165ac2);
border-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
border-color: var(--primary-700, #0D4F8C);
padding: 0.5rem 1rem;
border-radius: 0.5rem;
display: inline-block;
Expand Down Expand Up @@ -7240,7 +7240,7 @@ cagov-site-navigation .expanded-menu-section-header-link {
padding-bottom: var(--s-2, 1rem);
padding-left: var(--s-2, 1rem);
padding-right: var(--s-2, 1rem);
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
outline-offset: -2px;
}
cagov-site-navigation .expanded-menu-section-header-link:active {
Expand Down Expand Up @@ -7428,9 +7428,9 @@ cagov-highlight-section article .highlight-body .highlight-text .btn-primary-out
text-decoration: none;
vertical-align: middle;
cursor: pointer;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
background-color: transparent;
border-color: var(--primary-700, #165ac2);
border-color: var(--primary-700, #0D4F8C);
}
cagov-highlight-section article .highlight-body .highlight-text .btn-primary-outline:hover {
color: var(--primary-900, #00315F);
Expand Down Expand Up @@ -7509,7 +7509,7 @@ cagov-pagination .cagov-pagination__item {
cagov-pagination .cagov-pagination__item a {
padding: 0.75rem 0.875rem;
display: inline-block;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
text-decoration: none;
}
cagov-pagination .cagov-pagination__item a:hover {
Expand All @@ -7527,7 +7527,7 @@ cagov-pagination .cagov-pagination__item a:focus {
}
cagov-pagination .cagov-pagination__item.cagov-pagination-current {
background-color: #165ac2;
background-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
}
cagov-pagination .cagov-pagination__item.cagov-pagination-current a {
color: var(--white, #ffffff);
Expand Down
2 changes: 1 addition & 1 deletion components/feature-card/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ All CSS variables define their own fallback value so you do not have to use addi

```css
:root {
--primary-700: #165ac2;
--primary-700: #0D4F8C;
}
```

Expand Down
4 changes: 2 additions & 2 deletions components/feature-card/src/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -95,8 +95,8 @@
.btn-primary:not(:hover):not(:active):not(.has-background) {
/* defined here for when css vars are not supported */
color: var(--white, #fff);
background-color: var(--primary-700, #165ac2);
border-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
border-color: var(--primary-700, #0D4F8C);
padding: 0.5rem 1rem;
border-radius: 0.5rem;
display: inline-block;
Expand Down
4 changes: 2 additions & 2 deletions components/highlight-section/src/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -55,9 +55,9 @@ cagov-highlight-section {
text-decoration: none;
vertical-align: middle;
cursor: pointer;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
background-color: transparent;
border-color: var(--primary-700, #165ac2);
border-color: var(--primary-700, #0D4F8C);

&:hover {
color: var(--primary-900, #00315F);
Expand Down
4 changes: 2 additions & 2 deletions components/pagination/src/css/index.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions components/pagination/src/css/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ cagov-pagination {
a {
padding: 0.75rem 0.875rem;
display: inline-block;
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
text-decoration: none;
&:hover {
color: var(--primary-900, #00315F);
Expand All @@ -31,7 +31,7 @@ cagov-pagination {

&.cagov-pagination-current {
background-color: #165ac2;
background-color: var(--primary-700, #165ac2);
background-color: var(--primary-700, #0D4F8C);
a {
color: var(--white, #ffffff);
&:hover {
Expand Down
4 changes: 2 additions & 2 deletions components/site-footer/dist/index.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions components/site-footer/src/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ section.site-footer {
}

a {
color: var(--primary-700, #165ac2);
color: var(--primary-700, #0D4F8C);
&:hover {
color: var(--primary-900, #00315F);
}
Expand Down Expand Up @@ -51,7 +51,7 @@ section.site-footer {
padding-left: 0.3rem;
transition: all 0.3s ease;
svg path {
fill: var(--primary-700, #165ac2);
fill: var(--primary-700, #0D4F8C);
}
&:hover {
svg path {
Expand Down
Loading

0 comments on commit 8271497

Please sign in to comment.