tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-02 09:11:17 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Style individual pledge

Browse source
This commit is contained in:
Kelly Dwan 2019-10-09 14:39:20 -04:00
parent a2eb531ada
commit 797607430d
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
2 changed files with 73 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
themes/wporg-5ftf/css/objects/_objects.scss
View file

@ -10,4 +10,5 @@
@import "hero";
@import "image";
@import "pledge-form";
@import "pledge";
@import "pullquote";

72
themes/wporg-5ftf/css/objects/_pledge.scss Normal file
View file

@ -0,0 +1,72 @@
article.type-5ftf_pledge {
/* Structure */
display: grid;
grid-template-columns: 330px auto;
margin-bottom: ms(12);
.entry-image {
grid-column: 1;
grid-row: 1 / span 2;
margin-right: ms(8);
}
.entry-header {
grid-column: 2;
grid-row: 1;
}
.entry-content {
grid-column: 2;
grid-row: 2;
}
/* Styles */
.entry-image__placeholder {
background: $color-gray-light-100;
width: 100%;
height: 100px;
}
.entry-image__logo {
padding: ms(-2);
background: $color-gray-light-100;
text-align: center;
img {
display: inline-block;
vertical-align: middle;
max-height: 100px;
}
}
.entry-title {
margin-top: 0;
font-size: ms(2);
font-weight: 400;
a {
text-decoration: underline;
}
}
.entry-content {
font-size: ms(-1);
color: $color__text-darker;
}
.pledge-contributors h3 {
margin-top: 0;
font-size: ms(-1);
color: $color__text-lighter;
}
.pledge-contributor__avatar {
display: inline-block;
background: $color-gray-light-700;
img {
vertical-align: middle;
}
}
}