/* 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; }