Skip to content

Commit 491baeb

Browse files
committed
Initial Accessibility findings + Click to expand component
1 parent 5572cbf commit 491baeb

11 files changed

Lines changed: 39017 additions & 14987 deletions

File tree

dist/engrid.css

Lines changed: 87 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@
1919
*
2020
* ENGRID PAGE TEMPLATE ASSETS
2121
*
22-
* Date: Tuesday, April 21, 2026 @ 12:14:51 ET
23-
* By: michael
22+
* Date: Wednesday, May 13, 2026 @ 17:07:45 ET
23+
* By: nick
2424
* ENGrid styles: v0.25.0
2525
* ENGrid scripts: v0.25.1
2626
*
@@ -9120,6 +9120,26 @@ body[data-engrid-debug]:before{
91209120
--a_color:#006ea5;
91219121
--a_text-decoration:none;
91229122
}
9123+
[data-engrid-theme=wwf] button.label-tooltip,[data-engrid-theme=wwf] button.label-tooltip:hover{
9124+
background:unset;
9125+
border:unset;
9126+
border-radius:unset;
9127+
color:#006ea5;
9128+
cursor:pointer;
9129+
font-family:var(--label_font-family);
9130+
font-size:var(--label_font-size);
9131+
font-weight:var(--a_font-weight);
9132+
letter-spacing:var(--label_letter-spacing);
9133+
line-height:var(--label_line-height);
9134+
margin:unset;
9135+
margin-left:0;
9136+
margin-right:0;
9137+
padding:unset;
9138+
text-align:unset;
9139+
-webkit-text-decoration:var(--a_text-decoration);
9140+
text-decoration:var(--a_text-decoration);
9141+
text-transform:var(--label_text-transform);
9142+
}
91239143
[data-engrid-theme=wwf]#en__pagebuilder>footer,[data-engrid-theme=wwf]#en__pagebuilder>header{
91249144
pointer-events:none;
91259145
}
@@ -9288,7 +9308,7 @@ body[data-engrid-debug]:before{
92889308
flex-direction:column;
92899309
justify-content:center;
92909310
}
9291-
[data-engrid-theme=wwf] .involved-action__header h4{
9311+
[data-engrid-theme=wwf] .involved-action__header h3,[data-engrid-theme=wwf] .involved-action__header h4{
92929312
color:var(--h2_color);
92939313
font-family:var(--h2_font-family);
92949314
font-size:var(--h2_font-size);
@@ -11125,7 +11145,7 @@ body[data-engrid-debug]:before{
1112511145
gap:16px;
1112611146
margin:0;
1112711147
}
11128-
#footer .footer-links>ul li>a{
11148+
#footer .footer-links>ul li>a,#footer .footer-links>ul li>button{
1112911149
color:var(--label_color);
1113011150
font-size:18px;
1113111151
font-weight:600;
@@ -11134,6 +11154,14 @@ body[data-engrid-debug]:before{
1113411154
text-decoration-thickness:2px;
1113511155
text-underline-offset:8px;
1113611156
}
11157+
#footer .footer-links>ul li>button{
11158+
background-color:unset;
11159+
border:none;
11160+
cursor:pointer;
11161+
padding:0;
11162+
position:relative;
11163+
top:-1px;
11164+
}
1113711165
@media screen and (max-width:1200px){
1113811166
#footer .footer-links>ul{
1113911167
display:flex;
@@ -11573,6 +11601,61 @@ body[data-engrid-debug]:before{
1157311601
padding:0 20px 28px;
1157411602
}
1157511603
}
11604+
11605+
.sr-only{
11606+
clip:rect(0, 0, 0, 0) !important;
11607+
border:0 !important;
11608+
height:1px !important;
11609+
margin:-1px !important;
11610+
overflow:hidden !important;
11611+
padding:0 !important;
11612+
position:absolute !important;
11613+
white-space:nowrap !important;
11614+
width:1px !important;
11615+
}
11616+
11617+
.en__field--donationAmt .en__field__element--radio .en__field__item input:focus+label,.en__field--recurrfreq .en__field__element--radio .en__field__item input:focus+label,.give-by-select-wrapper .en__field--radio .en__field__element--radio .en__field__item input:focus+label{
11618+
outline:3px solid #e98300;
11619+
outline-offset:3px;
11620+
}
11621+
11622+
.en__component--premiumgiftblock .en__pgList .en__pg--selected .en__pg__body .en__pg__select:has(input:focus){
11623+
border-radius:30px;
11624+
outline:3px solid #e98300;
11625+
outline-offset:3px;
11626+
}
11627+
11628+
[data-engrid-theme=wwf] .radio-to-buttons_recurrfreq .en__field--recurrfreq.en__field--radio input[type=radio][value=ANNUAL]:focus+label{
11629+
clip:auto;
11630+
border:initial;
11631+
display:flex !important;
11632+
height:auto;
11633+
margin:initial;
11634+
overflow:initial;
11635+
padding:initial;
11636+
position:static;
11637+
white-space:normal;
11638+
width:auto;
11639+
}
11640+
11641+
.other-amount-tab-button:not(:focus){
11642+
clip:rect(0, 0, 0, 0) !important;
11643+
border:0 !important;
11644+
height:1px !important;
11645+
margin:-1px !important;
11646+
overflow:hidden !important;
11647+
padding:0 !important;
11648+
position:absolute !important;
11649+
white-space:nowrap !important;
11650+
width:1px !important;
11651+
}
11652+
11653+
.other-amount-tab-button:focus{
11654+
font-size:19px;
11655+
outline:3px solid #e98300;
11656+
outline-offset:3px;
11657+
position:absolute;
11658+
}
1157611659
body{
1157711660
opacity:1;
1157811661
transition:opacity .2s;

0 commit comments

Comments
 (0)