Skip to content

Instantly share code, notes, and snippets.

@gspice
Last active September 18, 2017 04:53
Show Gist options
  • Save gspice/f7a8e998067b262e838eeed0a3cc04c4 to your computer and use it in GitHub Desktop.
Save gspice/f7a8e998067b262e838eeed0a3cc04c4 to your computer and use it in GitHub Desktop.
Styling for adding the Genesis Featured Widget Amplified plugin to Utility Pro 1.3.x (developer license)
/* Home Featured Post widget -
using Genesis Featured Widget Amplified plugin
--------------------------------------------- */
.home-featured-posts .featuredpost {
clear: both;
}
.home-featured-posts .featuredpost .widgettitle {
border-top: 1px solid lighten($black, 11);
background-color: $white;
margin: 0 0 24px;
padding: 30px;
}
.home-featured-posts .featuredpost h2 {
margin-bottom: 40px;
}
.home-featured-posts .featuredpost h2 a {
border: 0;
color: lighten($black, 11);
}
.home-featured-posts .featuredpost h2 a:hover {
color: lighten($black, 33);
}
.home-featured-posts .featuredpost .byline {
color: lighten($black, 33);
font-size: $secondary-font-size;
background-color: lighten($black, 92);
margin: 0 -40px 24px;
padding: 10px;
text-align: right;
}
.home-featured-posts .featuredpost a.alignleft,
.home-featured-posts .featuredpost a.alignnone,
.home-featured-posts .featuredpost a.aligncenter {
border-bottom: none;
}
.home-featured-posts .featuredpost p {
margin: 0 0 44px;
}
.home-featured-posts .featuredpost .post-meta {
color: lighten($black, 33);
font-size: $secondary-font-size;
border-top: 2px solid lighten($black, 92);
margin: 0 -40px;
padding: 32px 40px 8px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment