ascribe/wp-theme
1
0
Fork 0
mirror of https://github.com/ascribe/wp-theme synced 2024-12-22 09:13:38 +01:00
Code Issues Releases Wiki Activity

featured posts interaction

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-03-10 14:36:32 +01:00
parent 7a14aa09aa
commit f70e6edbb8
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
assets/_src/less/ascribe/_blog.less
View File

@ -120,6 +120,8 @@
@media (@screen-sm) { @media (@screen-sm) {
.grid__col { flex: 33%; } .grid__col { flex: 33%; }
} }
.grid__col > a { display: block; }
} }
.subtemplate--featured--more { .subtemplate--featured--more {
@ -128,9 +130,40 @@
} }
.featured { .featured {
position: relative;
transition: .2s ease-out;
a:hover &,
a:focus & {
transform: scale(1.01);
box-shadow: 0 4px 8px fade(#000, 20%);
}
a:active & {
top: 1px;
transform: none;
transition: none;
box-shadow: none;
}
} }
.featured__title { .featured__title {
&:extend(.h4); &:extend(.h4);
margin: 0;
font-size: @font-size-base;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
background: fade(@blueDeep, 70%);
padding: (@spacer / 4);
transition: .2s ease-out;
a:hover &,
a:focus & { color: @link-color; }
}
.featured__image {
max-height: 175px;
display: block;
} }