houdini/app/assets/stylesheets/settings/index/page.css.scss
Bradley M. Kuhn 46193ab5fe Relicense all .scss files under new project license.
The primary license of the project is changing to:
  AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later

with some specific files to be licensed under the one of two licenses:
   CC0-1.0
   LGPL-3.0-or-later

This commit is one of the many steps to relicense the entire codebase.

Documentation granting permission for this relicensing (from all past
contributors who hold copyrights) is on file with Software Freedom
Conservancy, Inc.
2018-03-25 15:10:40 -04:00

106 lines
1.8 KiB
SCSS

/* License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later */
@import 'mixins';
@import 'components/nonprofit_bank_accounts';
@import 'components/todos';
@import 'common/image_uploader';
@import 'common/vendor/colpick';
@import 'common/editable';
@import './branding';
@import 'nonprofits/show/settings_modal';
@import 'components/browser_border';
.settings-nav li {
cursor: pointer;
position: relative;
padding: 6px 10px 6px 12px;
font-size: 15px;
&:before,
&:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
}
&:before {
width: 90%;
height: 1px;
background-color: rgba(black, 0.05);
}
&:after {
width: 5px;
height: 100%;
}
}
.settings-nav li:hover:after {
background: rgba($bluegrass, 0.5);
}
.settings-nav li.active:after {
background: $bluegrass;
}
.nav-header {
display: block;
padding: 20px 0 10px 0;
font-size: 20px;
@include ellipsis;
font-weight: bold;
}
.settings-nav-wrapper {
@include columns(3.5);
}
.settings-nav {
margin: 10px 0 0 0;
padding: 0 0 0 15px;
overflow: auto;
}
.pane-header {
padding: 20px 15px;
text-align: center;
}
.pane-header h3 {
margin: 0;
@include open-sans;
}
.settings-pane {
padding: 10px 15px;
@include columns-right(8.5);
}
.pane-inner {
background: $fog;
border: 1px solid rgba(black, 0.05);
padding: 15px;
overflow: auto;
}
.profile-anon-label {
display: inline-block;
}
.usersTable form {
margin: 0;
}
.settings-pane .button--action {
display: block;
color: white; &:hover { color: white; }
max-width: 250px;
margin: 15px 0 20px 0;
}
.card-settings .existing-card,
.card-settings .well,
.card-settings .status {
text-align: left;
margin: 10px 0;
}
.donationPreview-receipt table {
width: 100%;
}
.donationPreview-receipt td{
padding: 6px;
}
.donationPreview-receipt th {
padding: 12px;
}