Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rc/0.8.2 #194

Merged
merged 12 commits into from
Jan 29, 2025
Merged

Rc/0.8.2 #194

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
f436d42
Fixed W3C validation errors (#189)
pfrilling Jan 21, 2025
c33bcb7
Style emergency notification bar (#190)
kbeck303 Jan 22, 2025
7b893fc
Riga 571/allow disable cta (#191)
pfrilling Jan 23, 2025
c7a832e
Update markup and styles
kbeck303 Jan 24, 2025
7bf6c1f
compile files
kbeck303 Jan 24, 2025
ec0ddce
Add back the BG color variable
kbeck303 Jan 24, 2025
813cb61
Update hsl value for hope-gold--bright variable
kbeck303 Jan 24, 2025
2920503
compile files
kbeck303 Jan 24, 2025
3f441ce
Update data file and page template
kbeck303 Jan 24, 2025
b889b64
compile files
kbeck303 Jan 24, 2025
0ae72ae
Merge pull request #192 from State-of-Rhode-Island-eCMS/RIGA-485/feed…
kbeck303 Jan 24, 2025
48894bd
Remove space (#193)
kbeck303 Jan 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
84 changes: 84 additions & 0 deletions dist/css/pattern-lab-compiled.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -230,8 +230,10 @@ html {
--c__rhody-red--trans50: rgba(235, 82, 82, 0.5);
--c__rhody-red--trans75: rgba(235, 82, 82, 0.75);
--c__rhody-red--trans15: rgba(235, 82, 82, 0.15);
--c__rhody-red--bright: #620b0b;
--c__calamari: #ff8e47;
--c__hope-gold: #face3d;
--c__hope-gold--bright: #face3d;
--c__green-animals: #59bf45;
--c__green-animals--dark: #2e7a1f;
--c__green-animals--trans75: rgba(89, 191, 69, 0.75);
Expand Down Expand Up @@ -4057,6 +4059,88 @@ table {
.qh__teaser-article__content {
padding-bottom: 1.5rem; }

.qh-layout__emergency-notification .views-element-container {
padding-bottom: 0; }

.qh__teaser-emergency-notification {
font-family: "Work Sans", var(--font-sans-fallback); }
.qh__teaser-emergency-notification__content {
display: flex;
flex-direction: column;
max-width: var(--content-max-width);
margin: 0 auto;
padding: 1rem; }
.qh__teaser-emergency-notification__header {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem; }
.qh__teaser-emergency-notification__icon {
display: flex;
width: 16px;
height: 16px;
margin-bottom: 1rem; }
.qh__teaser-emergency-notification__icon svg {
height: 16px;
width: 16px; }
.qh__teaser-emergency-notification__label {
margin-bottom: 1rem; }
.qh__teaser-emergency-notification__label p {
font-size: 15px; }
.qh__teaser-emergency-notification__text p {
max-width: unset; }
.qh__teaser-emergency-notification__text * {
font-size: 16px;
font-weight: 300; }

.rhody-red--bright {
background-color: var(--c__rhody-red--bright);
color: var(--c__white); }
.rhody-red--bright h1, .rhody-red--bright .h1, .rhody-red--bright h2, .rhody-red--bright .h2, .rhody-red--bright h3, .rhody-red--bright .h3, .rhody-red--bright h4, .rhody-red--bright .h4, .rhody-red--bright h5, .rhody-red--bright .h5, .rhody-red--bright h6, .rhody-red--bright .h6 {
color: currentColor; }
.rhody-red--bright a:not(.qh__btn),
.rhody-red--bright a:not(.qh__btn):visited,
.rhody-red--bright a:not(.qh__btn):hover,
.rhody-red--bright a:not(.qh__btn):focus,
.rhody-red--bright a:not(.qh__btn):active {
color: currentColor;
font-weight: bold; }
.rhody-red--bright a:not(.qh__btn):hover,
.rhody-red--bright a:not(.qh__btn):focus,
.rhody-red--bright a:not(.qh__btn):active {
text-underline-offset: 0.2em; }
.dark .rhody-red--bright {
background-color: var(--c__rhody-red--bright);
color: var(--c__white); }
@media (prefers-color-scheme: dark) {
html:not(.light) .rhody-red--bright {
background-color: var(--c__rhody-red--bright);
color: var(--c__white); } }

.hope-gold--bright {
background-color: var(--c__hope-gold--bright);
color: var(--c__quahog--dark); }
.hope-gold--bright h1, .hope-gold--bright .h1, .hope-gold--bright h2, .hope-gold--bright .h2, .hope-gold--bright h3, .hope-gold--bright .h3, .hope-gold--bright h4, .hope-gold--bright .h4, .hope-gold--bright h5, .hope-gold--bright .h5, .hope-gold--bright h6, .hope-gold--bright .h6 {
color: currentColor; }
.hope-gold--bright a:not(.qh__btn),
.hope-gold--bright a:not(.qh__btn):visited,
.hope-gold--bright a:not(.qh__btn):hover,
.hope-gold--bright a:not(.qh__btn):focus,
.hope-gold--bright a:not(.qh__btn):active {
color: currentColor;
font-weight: bold; }
.hope-gold--bright a:not(.qh__btn):hover,
.hope-gold--bright a:not(.qh__btn):focus,
.hope-gold--bright a:not(.qh__btn):active {
text-underline-offset: 0.2em; }
.dark .hope-gold--bright {
background-color: var(--c__hope-gold--bright);
color: var(--c__quahog--dark); }
@media (prefers-color-scheme: dark) {
html:not(.light) .hope-gold--bright {
background-color: var(--c__hope-gold--bright);
color: var(--c__quahog--dark); } }

.qh__teaser-event {
display: flex;
flex-flow: row nowrap;
Expand Down
84 changes: 84 additions & 0 deletions public/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -230,8 +230,10 @@ html {
--c__rhody-red--trans50: rgba(235, 82, 82, 0.5);
--c__rhody-red--trans75: rgba(235, 82, 82, 0.75);
--c__rhody-red--trans15: rgba(235, 82, 82, 0.15);
--c__rhody-red--bright: #620b0b;
--c__calamari: #ff8e47;
--c__hope-gold: #face3d;
--c__hope-gold--bright: #face3d;
--c__green-animals: #59bf45;
--c__green-animals--dark: #2e7a1f;
--c__green-animals--trans75: rgba(89, 191, 69, 0.75);
Expand Down Expand Up @@ -4057,6 +4059,88 @@ table {
.qh__teaser-article__content {
padding-bottom: 1.5rem; }

.qh-layout__emergency-notification .views-element-container {
padding-bottom: 0; }

.qh__teaser-emergency-notification {
font-family: "Work Sans", var(--font-sans-fallback); }
.qh__teaser-emergency-notification__content {
display: flex;
flex-direction: column;
max-width: var(--content-max-width);
margin: 0 auto;
padding: 1rem; }
.qh__teaser-emergency-notification__header {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem; }
.qh__teaser-emergency-notification__icon {
display: flex;
width: 16px;
height: 16px;
margin-bottom: 1rem; }
.qh__teaser-emergency-notification__icon svg {
height: 16px;
width: 16px; }
.qh__teaser-emergency-notification__label {
margin-bottom: 1rem; }
.qh__teaser-emergency-notification__label p {
font-size: 15px; }
.qh__teaser-emergency-notification__text p {
max-width: unset; }
.qh__teaser-emergency-notification__text * {
font-size: 16px;
font-weight: 300; }

.rhody-red--bright {
background-color: var(--c__rhody-red--bright);
color: var(--c__white); }
.rhody-red--bright h1, .rhody-red--bright .h1, .rhody-red--bright h2, .rhody-red--bright .h2, .rhody-red--bright h3, .rhody-red--bright .h3, .rhody-red--bright h4, .rhody-red--bright .h4, .rhody-red--bright h5, .rhody-red--bright .h5, .rhody-red--bright h6, .rhody-red--bright .h6 {
color: currentColor; }
.rhody-red--bright a:not(.qh__btn),
.rhody-red--bright a:not(.qh__btn):visited,
.rhody-red--bright a:not(.qh__btn):hover,
.rhody-red--bright a:not(.qh__btn):focus,
.rhody-red--bright a:not(.qh__btn):active {
color: currentColor;
font-weight: bold; }
.rhody-red--bright a:not(.qh__btn):hover,
.rhody-red--bright a:not(.qh__btn):focus,
.rhody-red--bright a:not(.qh__btn):active {
text-underline-offset: 0.2em; }
.dark .rhody-red--bright {
background-color: var(--c__rhody-red--bright);
color: var(--c__white); }
@media (prefers-color-scheme: dark) {
html:not(.light) .rhody-red--bright {
background-color: var(--c__rhody-red--bright);
color: var(--c__white); } }

.hope-gold--bright {
background-color: var(--c__hope-gold--bright);
color: var(--c__quahog--dark); }
.hope-gold--bright h1, .hope-gold--bright .h1, .hope-gold--bright h2, .hope-gold--bright .h2, .hope-gold--bright h3, .hope-gold--bright .h3, .hope-gold--bright h4, .hope-gold--bright .h4, .hope-gold--bright h5, .hope-gold--bright .h5, .hope-gold--bright h6, .hope-gold--bright .h6 {
color: currentColor; }
.hope-gold--bright a:not(.qh__btn),
.hope-gold--bright a:not(.qh__btn):visited,
.hope-gold--bright a:not(.qh__btn):hover,
.hope-gold--bright a:not(.qh__btn):focus,
.hope-gold--bright a:not(.qh__btn):active {
color: currentColor;
font-weight: bold; }
.hope-gold--bright a:not(.qh__btn):hover,
.hope-gold--bright a:not(.qh__btn):focus,
.hope-gold--bright a:not(.qh__btn):active {
text-underline-offset: 0.2em; }
.dark .hope-gold--bright {
background-color: var(--c__hope-gold--bright);
color: var(--c__quahog--dark); }
@media (prefers-color-scheme: dark) {
html:not(.light) .hope-gold--bright {
background-color: var(--c__hope-gold--bright);
color: var(--c__quahog--dark); } }

.qh__teaser-event {
display: flex;
flex-flow: row nowrap;
Expand Down
3 changes: 3 additions & 0 deletions public/images/icons/information.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 8 additions & 8 deletions ...ic/patterns/00-atoms-01-global-00a-palettes/00-atoms-01-global-00a-palettes.rendered.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,14 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />

<link rel="stylesheet" href="../../css/style.css?1733320716919" media="all" />
<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1733320716919" media="all" />
<link rel="stylesheet" href="../../vendor/tiny-slider/tiny-slider.css?1733320716919" media="all" />
<link rel="stylesheet" href="../../css/style.css?1737999774684" media="all" />
<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1737999774684" media="all" />
<link rel="stylesheet" href="../../vendor/tiny-slider/tiny-slider.css?1737999774684" media="all" />
<script src="../../vendor/fontfaceobserver.js"></script>
<script src="../../vendor/chroma.min.js"></script>
<script src="../../vendor/tiny-slider/tiny-slider.js"></script>
<script src="../../vendor/rrule/rrule.min.js?1733320716919" type="module"></script>
<script src="../../js/pattern-lab-compiled.js?1733320716919"></script>
<script src="../../vendor/rrule/rrule.min.js?1737999774684" type="module"></script>
<script src="../../js/pattern-lab-compiled.js?1737999774684"></script>
<script>window.MSInputMethodContext && document.documentMode && document.write('<script src="../../vendor/ie11CustomProperties.min.js"><\/script>');</script>
<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->

Expand Down Expand Up @@ -156,10 +156,10 @@
}
</script>

<script id="pl-js-polyfill-insert-1733320716919">
<script id="pl-js-polyfill-insert-1737999774684">
(function() {
if (self != top) {
var cb = '1733320716919';
var cb = '1737999774684';
var js = [];
scriptLoader.run(js,cb,'pl-js-polyfill-insert');
}
Expand All @@ -172,7 +172,7 @@
import('../../styleguide/js/patternlab-pattern.modern.js');
</script>

<script id="pl-js-insert-1733320716919" nomodule>
<script id="pl-js-insert-1737999774684" nomodule>
/*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on http://goo.gl/REQGQ by Paul Irish). Licensed MIT */
!function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);

Expand Down
10 changes: 10 additions & 0 deletions public/patterns/00-atoms-01-global-00b-colors/00-atoms-01-global-00b-colors.markup-only.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -158,6 +158,11 @@
<span class="sg-swatch" style="background: hsla(360, 79%, 62%, 0.15);"></span>
<span class="sg-label"><b>Rhody Red 15% transparent:</b> hsla(360, 79%, 62%, 0.15)</span>
<span class="sg-code"><code>var(--c__rhody-red--trans15)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(0, 79%, 21.37%);"></span>
<span class="sg-label"><b>Rhody Red bright:</b> hsl(0, 79%, 21.37%)</span>
<span class="sg-code"><code>var(--c__rhody-red--bright)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(23, 100%, 64%);"></span>
Expand All @@ -168,6 +173,11 @@
<span class="sg-swatch" style="background: hsl(46, 95%, 61%);"></span>
<span class="sg-label"><b>Hope Gold:</b> hsl(46, 95%, 61%)</span>
<span class="sg-code"><code>var(--c__hope-gold)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(46.03, 94.97%, 60.98%);"></span>
<span class="sg-label"><b>Hope Gold bright:</b> hsl(46.03, 94.97%, 60.98%)</span>
<span class="sg-code"><code>var(--c__hope-gold--bright)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(110, 49%, 51%);"></span>
Expand Down
26 changes: 18 additions & 8 deletions public/patterns/00-atoms-01-global-00b-colors/00-atoms-01-global-00b-colors.rendered.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,14 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />

<link rel="stylesheet" href="../../css/style.css?1733320716919" media="all" />
<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1733320716919" media="all" />
<link rel="stylesheet" href="../../vendor/tiny-slider/tiny-slider.css?1733320716919" media="all" />
<link rel="stylesheet" href="../../css/style.css?1737999774684" media="all" />
<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1737999774684" media="all" />
<link rel="stylesheet" href="../../vendor/tiny-slider/tiny-slider.css?1737999774684" media="all" />
<script src="../../vendor/fontfaceobserver.js"></script>
<script src="../../vendor/chroma.min.js"></script>
<script src="../../vendor/tiny-slider/tiny-slider.js"></script>
<script src="../../vendor/rrule/rrule.min.js?1733320716919" type="module"></script>
<script src="../../js/pattern-lab-compiled.js?1733320716919"></script>
<script src="../../vendor/rrule/rrule.min.js?1737999774684" type="module"></script>
<script src="../../js/pattern-lab-compiled.js?1737999774684"></script>
<script>window.MSInputMethodContext && document.documentMode && document.write('<script src="../../vendor/ie11CustomProperties.min.js"><\/script>');</script>
<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->

Expand Down Expand Up @@ -189,6 +189,11 @@
<span class="sg-swatch" style="background: hsla(360, 79%, 62%, 0.15);"></span>
<span class="sg-label"><b>Rhody Red 15% transparent:</b> hsla(360, 79%, 62%, 0.15)</span>
<span class="sg-code"><code>var(--c__rhody-red--trans15)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(0, 79%, 21.37%);"></span>
<span class="sg-label"><b>Rhody Red bright:</b> hsl(0, 79%, 21.37%)</span>
<span class="sg-code"><code>var(--c__rhody-red--bright)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(23, 100%, 64%);"></span>
Expand All @@ -199,6 +204,11 @@
<span class="sg-swatch" style="background: hsl(46, 95%, 61%);"></span>
<span class="sg-label"><b>Hope Gold:</b> hsl(46, 95%, 61%)</span>
<span class="sg-code"><code>var(--c__hope-gold)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(46.03, 94.97%, 60.98%);"></span>
<span class="sg-label"><b>Hope Gold bright:</b> hsl(46.03, 94.97%, 60.98%)</span>
<span class="sg-code"><code>var(--c__hope-gold--bright)</code></span>
</li>
<li>
<span class="sg-swatch" style="background: hsl(110, 49%, 51%);"></span>
Expand Down Expand Up @@ -357,10 +367,10 @@
}
</script>

<script id="pl-js-polyfill-insert-1733320716919">
<script id="pl-js-polyfill-insert-1737999774684">
(function() {
if (self != top) {
var cb = '1733320716919';
var cb = '1737999774684';
var js = [];
scriptLoader.run(js,cb,'pl-js-polyfill-insert');
}
Expand All @@ -373,7 +383,7 @@
import('../../styleguide/js/patternlab-pattern.modern.js');
</script>

<script id="pl-js-insert-1733320716919" nomodule>
<script id="pl-js-insert-1737999774684" nomodule>
/*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on http://goo.gl/REQGQ by Paul Irish). Licensed MIT */
!function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);

Expand Down
Loading