classicFormDesignCss.css — GiveWP – Donation Plugin and Fundraising Platform 4.12.0

give / build / classicFormDesignCss.css
give / build Last commit date
classicFormDesignCss.css
2 lines
@layer form-design{.givewp-primary-color{color:var(--givewp-primary-color)}.givewp-secondary-color{color:var(--givewp-secondary-color)}.givewp-layouts-header{align-items:center;background-color:var(--givewp-primary-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;box-shadow:var(--givewp-shadow-xs);color:#fff;display:flex;flex-direction:column;gap:var(--givewp-spacing-6);text-align:center;width:100%}.givewp-layouts-header+.givewp-layouts-form{border-top-left-radius:0;border-top-right-radius:0}.givewp-form-secure-badge{align-items:center;background-color:var(--givewp-shades-white);border-radius:var(--givewp-rounded-full);color:var(--givewp-grey-900);display:flex;font-size:.875rem;font-weight:500;gap:var(--givewp-spacing-2);line-height:1.43;margin:0 auto;padding:var(--givewp-spacing-1) var(--givewp-spacing-4);width:-moz-fit-content;width:fit-content}.givewp-groups-name{-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;position:relative;width:100%}.givewp-fields-select-honorific{flex-basis:35%}.givewp-fields-hidden{display:none}select:not(.givewp-fields-amount__currency-select){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2713%27 height=%278%27 viewBox=%270 0 13 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.66016 7.19531C5.90625 7.44141 6.31641 7.44141 6.5625 7.19531L11.8945 1.89062C12.1406 1.61719 12.1406 1.20703 11.8945 0.960938L11.2656 0.332031C11.0195 0.0859375 10.6094 0.0859375 10.3359 0.332031L6.125 4.54297L1.88672 0.332031C1.61328 0.0859375 1.20312 0.0859375 0.957031 0.332031L0.328125 0.960938C0.0820312 1.20703 0.0820312 1.61719 0.328125 1.89062L5.66016 7.19531Z%27 fill=%27%23A2A3A2%27/%3E%3C/svg%3E"),linear-gradient(180deg,#fff 0,#fff);background-position:right var(--givewp-spacing-4) top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em auto,100%;border:.078rem solid #666;border-radius:.25rem;color:#4d4d4d;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.2;padding:.9rem var(--givewp-spacing-8) .9rem 1.1875rem}select:not(.givewp-fields-amount__currency-select):invalid,select:not(.givewp-fields-amount__currency-select)[aria-invalid=true]{border-color:red}input[type=email],input[type=password],input[type=text],textarea{background-color:#fff;border-radius:.25rem;border-style:solid;border-width:.078rem;box-sizing:inherit;color:#4d4d4d;font-family:inherit;font-size:1rem;font-weight:500;padding:1.1875rem;width:100%;inline-size:100%;line-height:1.2}input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:var(--givewp-grey-400);opacity:.6}input[type=email]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--givewp-grey-400);opacity:.6}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{border-color:transparent}button[type=submit]{align-items:center;background-color:var(--givewp-primary-color);border:.125rem solid var(--givewp-primary-color);border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.375rem;font-weight:600;inline-size:100%;justify-content:center;line-height:1.2;margin:1rem 0;padding:1rem 0;text-align:center;width:100%}@supports(background-color:color-mix(in lab,var(--givewp-primary-color ) 90%,black)){button[type=submit]:hover{background-color:color-mix(in lab,var(--givewp-primary-color) 90%,#000)}}.error-message{font-size:1rem;height:1rem;text-align:right}.givewp-layouts-section{margin-bottom:0;padding-block:clamp(var(--givewp-spacing-6),7vw,var(--givewp-spacing-10));padding-inline:clamp(var(--givewp-spacing-6),7vw,var(--givewp-spacing-20))}.givewp-layouts-section:nth-of-type(odd){border-radius:.5rem}.givewp-layouts-section:last-child{padding-top:0}.givewp-layouts-section__fieldset{border:0;display:grid;grid-template-columns:repeat(1,1fr);margin:0;padding:0}.givewp-layouts-section__fieldset__legend{width:100%}.givewp-donation-form{margin:0 auto;max-width:min(100%,51.5rem)}.givewp-donation-form--preview{background-color:#f2f2f2}.givewp-layouts-form{background-color:#fff;border:1px solid var(--givewp-grey-25);border-radius:.5rem;border-top:none;box-shadow:var(--givewp-shadow-xs)}.givewp-layouts-header{border:1px solid var(--givewp-grey-25);border-bottom:none}.givewp-donation-form,body{font-family:"system-ui",sans-serif}}