Skip to content

Instantly share code, notes, and snippets.

@luisfelipe-dev
Created August 28, 2018 22:49
Show Gist options
  • Select an option

  • Save luisfelipe-dev/118b3eaab95e28a8c4f72c3a2b6acf3f to your computer and use it in GitHub Desktop.

Select an option

Save luisfelipe-dev/118b3eaab95e28a8c4f72c3a2b6acf3f to your computer and use it in GitHub Desktop.
.post-categoria {
width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
}
.post-categoria .item-post {
width: 100%;
margin-bottom: 1rem;
}
.post-categoria .item-post * {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post-categoria .item-post:hover p.titulo {
color: #7159c1;
}
.post-categoria .item-post:hover .item-post_foto img {
opacity: 0.5;
}
.post-categoria .item-post a {
text-decoration: none;
}
.post-categoria .item-post .item-post_foto {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
margin-bottom: 1rem;
}
.post-categoria .item-post .item-post_foto img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.post-categoria .item-post p {
margin: 0;
padding: 0 5px;
}
.post-categoria .item-post p.titulo {
color: #000;
font-weight: bold;
font-size: 1.35em;
margin-bottom: 0.7rem;
}
.post-categoria .item-post p.resumo {
color: #999999;
font-size: 1em;
margin-bottom: 0.7rem;
line-height: 24px;
}
.autor {
width: 100%;
}
.autor .foto-autor {
width: 48px;
display: flex;
align-items: center;
}
.autor .foto-autor img {
max-width: 100%;
}
.autor .sobre-autor {
width: 60%;
display: flex;
justify-content: center;
flex-direction: column;
}
.autor .sobre-autor p {
color: #000;
font-size: 0.875em;
font-weight: 500;
padding: 0;
display: block;
margin-left: 8px;
margin-bottom: 0 !important;
}
.autor .sobre-autor p:hover {
color: #000;
}
.autor .sobre-autor span {
font-size: 0.875em;
display: block;
font-weight: 500;
color: #000;
opacity: 0.5;
margin-left: 8px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment