81 lines
		
	
	
	
		
			1.5 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			81 lines
		
	
	
	
		
			1.5 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| /* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
 | ||
| Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
 | ||
| @import 'mixins';
 | ||
| @import 'common/vendor/colpick';
 | ||
| @import 'nonprofits/btn/page';
 | ||
| @import 'common/branded_campaign_button';
 | ||
| 
 | ||
| 
 | ||
| .branding-settings-wrapper {
 | ||
|   float: left;
 | ||
|   width: 244px;
 | ||
| }
 | ||
| 
 | ||
| .branding-settings-wrapper .title,
 | ||
| .preview-wrapper .title {
 | ||
|   padding: 8px;
 | ||
|   font-weight: 600;
 | ||
|   margin: 0;
 | ||
| }
 | ||
| .preview-wrapper .title {
 | ||
|   text-align: center;
 | ||
| }
 | ||
| 
 | ||
| .font-wrapper ul { margin: 0; }
 | ||
| 
 | ||
| .font-wrapper li { 
 | ||
|   padding: 5px 10px;
 | ||
|   color: rgba(black, 0.6);
 | ||
|   position: relative;
 | ||
|   cursor: pointer;
 | ||
|   &.open {font-family: OpenSansCondensed, 'Helvetica Neue', Arial, sans-serif;}
 | ||
|   &.helvetica {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
 | ||
|   &.georgia {font-family: Georgia, Serif;}
 | ||
|   &.futura {font-family: ‘Futura’, Arial, sans-serif;}
 | ||
|   &.bitter {@include bitter;}
 | ||
|   &:after{
 | ||
|     content: '';
 | ||
|     position: absolute;
 | ||
|     bottom: 0;
 | ||
|     left: 0;
 | ||
|     width: 100%;
 | ||
|     height: 1px;
 | ||
|     background: rgba($grey, 0.1);
 | ||
|   }
 | ||
|   &:hover {
 | ||
|     font-weight: bold;
 | ||
|   }
 | ||
| }
 | ||
| 
 | ||
| .color-wrapper {
 | ||
|   overflow: auto;
 | ||
| }
 | ||
| 
 | ||
| // color picker
 | ||
| .colPick-wrapper {
 | ||
|   height: 240px;
 | ||
|   padding: 20px;
 | ||
| }
 | ||
| .colPick-wrapper input[type="text"]:focus {
 | ||
|   border: none;
 | ||
| }
 | ||
| 
 | ||
| .preview-wrapper {
 | ||
|   overflow: auto;
 | ||
|   @include noselect;
 | ||
| }
 | ||
| 
 | ||
| .branded-donate-button-wrapper {
 | ||
|   text-align: center;
 | ||
|   padding: 20px;
 | ||
| }
 | ||
| 
 | ||
| .pane-inner .branded-donate-button {
 | ||
|   @include transition(none);
 | ||
| }
 | ||
| 
 | ||
| .branding-form {
 | ||
|   margin: 0;
 | ||
|   text-align: center;
 | ||
|   padding: 15px 10px 10px;
 | ||
| }
 | 
