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-06 02:45:43 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

My Pledges: Update styles and format to match design

Browse source 
- Add a single-pledge view so we can separate out the pending from published
- Update layout and styles of my pledges list
- Adds link and danger button styles
This commit is contained in:
Kelly Dwan 2019-10-30 13:14:42 -05:00
parent 2b7fb6cd21
commit 0b26fad482
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
7 changed files with 310 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

37
themes/wporg-5ftf/css/objects/_buttons.scss
View file

@ -15,3 +15,40 @@ input[type="submit"] {
color: $color__link-button;
text-decoration: none;
}
// Add "danger" button styles, red text on grey background.
.button.button-danger {
color: $color-error-red;
&:visited {
color: $color-error-red;
}
&.hover,
&:hover,
&.focus,
&:focus {
color: $color-error-red;
}
&.focus,
&:focus {
border-color: rgba($color-error-red, 0.6);
box-shadow: 0 0 3px $color-error-red;
}
}
.button.button-link {
padding: 0;
margin-left: 0;
margin-right: 0;
border: none;
background-color: transparent;
box-shadow: none;
text-decoration: underline;
&.focus,
&:focus {
box-shadow: none;
}
}

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

@ -1,4 +1,5 @@
article.type-5ftf_pledge {
article.type-5ftf_pledge,
.my-pledges__pledge {
.entry-image__placeholder {
background: $color-gray-light-100;