donationFormApp.css — GiveWP – Donation Plugin and Fundraising Platform 4.4.0

give / build / donationFormApp.css
give / build Last commit date
donationFormApp.css
2 lines
.givewp__component-DesignPreview{align-items:center;display:flex;justify-content:center;position:relative}.givewp__component-DesignPreview-spinner{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;left:50%;position:absolute;top:-80px;transform:translateX(-50%)}.givewp__component-DesignPreview-spinner svg{height:32px;width:32px}.givewp__component-DesignPreview-container{background-color:var(--givewp-shades-white);border:1px solid var(--givewp-gray-10);border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin:10px;overflow:hidden}.givewp__component-DesignPreview-container-classic{width:720px}.givewp__component-DesignPreview-container-classic-donation-levels,.givewp__component-DesignPreview-container-classic-header,.givewp__component-DesignPreview-container-classic-image,.givewp__component-DesignPreview-container-classic-progressbar{background-color:var(--givewp-gray-10);border-radius:4px}.givewp__component-DesignPreview-container-classic-headerwrap{background-color:var(--givewp-gray-5);padding:2.5rem 4rem}.givewp__component-DesignPreview-container-classic-header{height:4rem}.givewp__component-DesignPreview-container-classic-title{display:flex;justify-content:center;padding:1rem}.givewp__component-DesignPreview-container-classic-title div{background-color:var(--givewp-gray-10);height:1.5rem;width:30%}.givewp__component-DesignPreview-container-classic-wrap{padding:1.5rem 4rem}.givewp__component-DesignPreview-container-classic-bar{background-color:var(--givewp-gray-10);height:1.5rem;margin-bottom:1.5rem}.givewp__component-DesignPreview-container-classic-barshort{background-color:var(--givewp-gray-10);height:1.5rem;margin-bottom:.6rem;margin-top:1.5rem;width:40%}.givewp__component-DesignPreview-container-classic-doublebar{align-content:space-between;display:flex;flex-direction:row;gap:.3rem;height:2.5rem}.givewp__component-DesignPreview-container-classic-doublebar div{background-color:var(--givewp-gray-20);border-radius:2px;flex:1}.givewp__component-DesignPreview-container-classic-doublebar-small{display:flex;flex-direction:row}.givewp__component-DesignPreview-container-classic-doublebar-small div{flex:1}.givewp__component-DesignPreview-container-classic-doublebar-small div div{background-color:var(--givewp-gray-10);height:1.5rem;width:7.5rem}.givewp__component-DesignPreview-container-classic-grid{display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.givewp__component-DesignPreview-container-classic-grid div{background-color:var(--givewp-gray-10);height:4rem}.givewp__component-DesignPreview-container-classic-grid div:last-child{grid-column-end:4;grid-column-start:1}.givewp__component-DesignPreview-container-multistep{padding:1.5rem;width:35rem}.givewp__component-DesignPreview-container-multistep-donation-levels,.givewp__component-DesignPreview-container-multistep-header,.givewp__component-DesignPreview-container-multistep-image,.givewp__component-DesignPreview-container-multistep-progressbar{background-color:var(--givewp-gray-10);border-radius:4px}.givewp__component-DesignPreview-container-multistep-header{height:4rem;margin-bottom:2rem}.givewp__component-DesignPreview-container-multistep-image{height:20rem}.givewp__component-DesignPreview-container-multistep-button{padding:1.5rem 2rem}.givewp__component-DesignPreview-container-multistep-button div{background-color:var(--givewp-gray-10);height:4rem}.givewp__component-DesignPreview-container-multistep-footer{display:flex;justify-content:center;padding:0 1rem}.givewp__component-DesignPreview-container-multistep-footer div{background-color:var(--givewp-gray-10);height:1rem;width:30%}.givewp__component-DesignPreview-container-classic-donation-levels,.givewp__component-DesignPreview-container-multistep-donation-levels{align-content:space-between;border-bottom:1px solid var(--givewp-gray-20);border-radius:4px 4px 0 0;display:flex;flex-direction:row;margin-top:5px}.givewp__component-DesignPreview-container-classic-donation-levels div,.givewp__component-DesignPreview-container-multistep-donation-levels div{background-color:var(--givewp-gray-10);border-radius:4px 4px 0 0;flex:1;padding:1.2rem}.givewp__component-DesignPreview-container-classic-donation-levels div:nth-child(2),.givewp__component-DesignPreview-container-multistep-donation-levels div:nth-child(2){border-left:1px solid var(--givewp-gray-20);border-right:1px solid var(--givewp-gray-20)}.givewp__component-DesignPreview-container-classic-donation-levels div>div,.givewp__component-DesignPreview-container-multistep-donation-levels div>div{background-color:var(--givewp-gray-20);border-radius:4px;height:1rem}.givewp__component-DesignPreview-container-classic-progressbar,.givewp__component-DesignPreview-container-multistep-progressbar{border-radius:0 0 4px 4px;padding:1rem 1.5rem}.givewp__component-DesignPreview-container-classic-progressbar div,.givewp__component-DesignPreview-container-multistep-progressbar div{background-color:var(--givewp-gray-20);border-radius:10px;height:1.5rem}