Ben Reed
cdc5ea85f4
Add massive collection of CSS, JavaScript and theme assets that were previously excluded: **CSS Files (681 total):** - HVAC plugin-specific styles (hvac-*.css): 34 files including dashboard, certificates, registration, mobile nav, accessibility fixes, animations, and welcome popup - Theme framework files (Astra, builder systems, layouts): 200+ files - Plugin compatibility styles (WooCommerce, WPForms, Elementor, Contact Form 7): 150+ files - WordPress core and editor styles: 50+ files - Responsive and RTL language support: 200+ files **JavaScript Files (400+ total):** - HVAC plugin functionality (hvac-*.js): 27 files including menu systems, dashboard enhancements, profile sharing, mobile responsive features, accessibility, and animations - Framework and library files: jQuery plugins, GSAP, AOS, Swiper, Chart.js, Lottie, Isotope - Plugin compatibility scripts: WPForms, WooCommerce, Elementor, Contact Form 7, LifterLMS - WordPress core functionality: customizer, admin, block editor compatibility - Third-party integrations: Stripe, SMTP, analytics, search functionality **Assets:** - Certificate background images and logos - Comprehensive theme styling infrastructure - Mobile-responsive design systems - Cross-browser compatibility assets - Performance-optimized minified versions **Updated .gitignore:** - Fixed asset directory whitelisting patterns to properly include CSS/JS/images - Added proper directory structure recognition (!/assets/css/, !/assets/js/, etc.) - Maintains security by excluding sensitive files while including essential assets This commit provides the complete frontend infrastructure needed for: - Full theme functionality and styling - Plugin feature implementations - Mobile responsiveness and accessibility - Cross-browser compatibility - Performance optimization - Developer workflow support
222 lines
6.9 KiB
CSS
222 lines
6.9 KiB
CSS
.ast-upgrade-pro-wrap .ast-upgrade-trigger, .ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap {
|
|
width: 100%;
|
|
-js-display: inline-flex;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
align-content: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
justify-content: center;
|
|
}
|
|
.ast-upgrade-pro-wrap .ast-upgrade-cta {
|
|
position: absolute;
|
|
top: auto;
|
|
right: auto;
|
|
width: auto;
|
|
height: 28px;
|
|
border-radius: 4px;
|
|
padding: 0 5px 0 8px;
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
display: inline-flex;
|
|
color: var(--ast-customizer-color-1);
|
|
background: var(--ast-customizer-color-9);
|
|
border: 1px solid var(--ast-customizer-color-1);
|
|
align-items: center;
|
|
align-content: center;
|
|
white-space: nowrap;
|
|
}
|
|
a.ast-upgrade-trigger:focus, a.ast-upgrade-trigger:active {
|
|
box-shadow: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
.ast-upgrade-pro-wrap .ast-upgrade-section-title {
|
|
margin-right: 8px;
|
|
}
|
|
.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap > svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
filter: blur(4px);
|
|
}
|
|
.ast-upgrade-pro-wrap .ast-upgrade-cta svg {
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
}
|
|
|
|
/** Radio image upgrade CSS */
|
|
.customize-control-ast-radio-image .ast-pro-option > *:not(.image-clickable) {
|
|
opacity: 0.4;
|
|
}
|
|
.ast-radio-img-svg.ast-pro-option .image-clickable::before {
|
|
display: inline-flex;
|
|
position: absolute;
|
|
top: 36%;
|
|
right: 41%;
|
|
content: '';
|
|
background-size: 1.5em 1.5em;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
border: 1px solid var(--ast-customizer-color-1);
|
|
background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 7.2001H11.7002V4.8001C11.7002 3.0401 10.2602 1.6001 8.5002 1.6001C6.7402 1.6001 5.3002 3.0401 5.3002 4.8001V7.2001H4.5002C4.1002 7.2001 3.7002 7.6001 3.7002 8.0001V13.6001C3.7002 14.0001 4.1002 14.4001 4.5002 14.4001H12.5002C12.9002 14.4001 13.3002 14.0001 13.3002 13.6001V8.0001C13.3002 7.6001 12.9002 7.2001 12.5002 7.2001ZM9.3002 12.8001H7.7002L8.0202 11.0401C7.6202 10.8801 7.3002 10.4001 7.3002 10.0001C7.3002 9.3601 7.8602 8.8001 8.5002 8.8001C9.1402 8.8001 9.7002 9.3601 9.7002 10.0001C9.7002 10.4801 9.4602 10.8801 8.9802 11.0401L9.3002 12.8001ZM10.1002 7.2001H6.9002V4.8001C6.9002 3.9201 7.6202 3.2001 8.5002 3.2001C9.3802 3.2001 10.1002 3.9201 10.1002 4.8001V7.2001Z' fill='%230284C7'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.ast-upgrade-list-wrapper {
|
|
text-align: center;
|
|
}
|
|
.ast-upgrade-list-wrapper .ast-brand-logo {
|
|
margin: 0;
|
|
}
|
|
.ast-upgrade-list-wrapper svg {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.ast-upgrade-list-items {
|
|
margin-bottom: 1.8em;
|
|
}
|
|
.ast-upgrade-list-wrapper .ast-upgrade-list-section-title {
|
|
margin: 0.5em auto 1.8em;
|
|
max-width: 240px;
|
|
}
|
|
.ast-pro-upgrade-item svg {
|
|
vertical-align: middle;
|
|
margin-left: 5px;
|
|
fill: var(--ast-customizer-color-1);
|
|
}
|
|
.ast-pro-upgrade-item span {
|
|
display: inline;
|
|
}
|
|
.ast-upgrade-list-description {
|
|
margin: 5px 20px 0 0;
|
|
}
|
|
.ast-upgrade-list-title {
|
|
font-weight: 600;
|
|
}
|
|
.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available),
|
|
.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available) *,
|
|
.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available),
|
|
.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available) * {
|
|
color: var(--ast-customizer-color-9);
|
|
background: var(--ast-customizer-color-1);
|
|
}
|
|
.customize-control .button.ahfb-builder-section-shortcut {
|
|
border-right: 1px solid #ddd;
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
.ast-customize-control-title a.ast-builder-upgrade-link {
|
|
background: var(--ast-customizer-color-9) !important;
|
|
color: var(--ast-customizer-color-1) !important;
|
|
box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.16);
|
|
margin-right: 10px;
|
|
border-radius: 4px;
|
|
padding: 3px 10px 5px;
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
}
|
|
.ast-pro-upgrade-item p {
|
|
margin: 1.25em 0;
|
|
line-height: 1;
|
|
}
|
|
li#customize-control-astra-settings-header-builder-pro-items .ast-upgrade-pro-wrap,
|
|
li#customize-control-astra-settings-footer-builder-pro-items .ast-upgrade-pro-wrap {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
/* Styling for SVG Icon Control's icon lbrary picker */
|
|
.customize-control-ast-svg-icon-selector .icon-library-picker input[type="tel"] {
|
|
max-width: 40px;
|
|
}
|
|
|
|
/* Styling for SVG Icon Control's textarea */
|
|
.customize-control-ast-svg-icon-selector .custom-svg-icon-wrapper textarea {
|
|
width: 100%;
|
|
margin: 8px 0;
|
|
height: 100px;
|
|
}
|
|
|
|
|
|
/* Focus Management Styles - WCAG 2.1 Compliance */
|
|
/* Added for keyboard accessibility and screen reader support */
|
|
|
|
/* Button Focus Styles */
|
|
.hvac-button:focus,
|
|
.hvac-content .button:focus,
|
|
.hvac-content button:focus,
|
|
.hvac-content input[type="submit"]:focus,
|
|
.hvac-email-submit:focus,
|
|
.hvac-filter-submit:focus,
|
|
.hvac-certificate-actions button:focus,
|
|
.hvac-certificate-actions a:focus {
|
|
outline: 2px solid #005fcc;
|
|
outline-offset: 2px;
|
|
box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Input Focus Styles */
|
|
.hvac-form-input:focus,
|
|
.hvac-content input[type="text"]:focus,
|
|
.hvac-content input[type="email"]:focus,
|
|
.hvac-content input[type="password"]:focus,
|
|
.hvac-content input[type="url"]:focus,
|
|
.hvac-content textarea:focus,
|
|
.hvac-content select:focus,
|
|
.hvac-email-form-row input:focus,
|
|
.hvac-email-form-row textarea:focus,
|
|
.hvac-filter-group input:focus,
|
|
.hvac-filter-group select:focus {
|
|
outline: 2px solid #005fcc;
|
|
outline-offset: 2px;
|
|
border-color: #005fcc;
|
|
box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2);
|
|
}
|
|
|
|
/* Link Focus Styles */
|
|
.hvac-content a:focus,
|
|
.hvac-event-link:focus,
|
|
.hvac-certificate-link:focus,
|
|
.hvac-attendee-profile-icon:focus,
|
|
.hvac-dashboard-nav a:focus,
|
|
.hvac-email-navigation a:focus {
|
|
outline: 2px solid #005fcc;
|
|
outline-offset: 2px;
|
|
text-decoration: underline;
|
|
background-color: rgba(0, 95, 204, 0.1);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* Interactive Element Focus Styles */
|
|
.hvac-attendee-checkbox:focus,
|
|
.hvac-select-all-container input[type="checkbox"]:focus,
|
|
.hvac-modal-close:focus,
|
|
.hvac-certificate-table tr:focus {
|
|
outline: 2px solid #005fcc;
|
|
outline-offset: 2px;
|
|
box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2);
|
|
}
|
|
|
|
/* High Contrast Mode Support */
|
|
@media (prefers-contrast: high) {
|
|
.hvac-content *:focus {
|
|
outline: 3px solid #000000;
|
|
outline-offset: 2px;
|
|
background-color: #ffff00;
|
|
color: #000000;
|
|
}
|
|
}
|
|
|
|
/* Focus-visible polyfill support */
|
|
|
|
/* Reset focus for mouse users while preserving keyboard accessibility */
|
|
.js-focus-visible :focus:not(.focus-visible) {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Ensure focus is visible for keyboard users */
|
|
.js-focus-visible .focus-visible {
|
|
outline: 2px solid #005fcc;
|
|
outline-offset: 2px;
|
|
}
|