houdini/app/assets/stylesheets/nonprofits/donation_form/title_row.css.scss
2020-06-15 10:26:57 -05:00

58 lines
972 B
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';
.titleRow {
padding: 15px 15px 10px 15px;
position: relative;
overflow: hidden;
background: $fog;
}
.titleRow-info {
float: left;
max-width: 85%;
}
.titleRow h2 {
margin: 0 0 1px 0;
font-size: 17px;
@include ellipsis;
font-weight: 400;
line-height: normal;
}
.titleRow p {
min-height: 21px;
@include opacity(0.8);
@include ellipsis;
font-size: 14px;
margin: 0;
line-height: 17px;
}
.titleRow .fa-star {
font-size: 14px;
color: rgba($logo-blue, 0.9);
}
.titleRow img {
float: left;
padding-right: 15px;
max-width: 15%;
max-height: 55px;
}
#donate .closeButton {
z-index: 1;
top: 5px;
}
@media screen and (max-width: 350px) {
.titleRow {
padding: 10px;
}
.titleRow img {
padding-right: 10px;
}
.titleRow h2 {
font-size: 15px;
}
.titleRow p {
font-size: 12px;
}
}