You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.2 KiB
56 lines
1.2 KiB
/* ==========================================================================
|
|
Tiles
|
|
========================================================================== */
|
|
|
|
.twotile {
|
|
@include outer-container;
|
|
margin-bottom: $gutter;
|
|
@include media($micro) {
|
|
@include fill-parent;
|
|
}
|
|
@include media(new-breakpoint(min-width em(480) 12)) {
|
|
@include span-columns(6);
|
|
@include omega(2n);
|
|
}
|
|
.entry-date {
|
|
@include font-size(16,no);
|
|
color: lighten($text-color,25);
|
|
}
|
|
.post-title {
|
|
@include font-size(18,no);
|
|
margin-left: em(60);
|
|
}
|
|
.post-excerpt {
|
|
@include font-size(16);
|
|
margin-left: em(70);
|
|
margin-top: em(4);
|
|
color: lighten($text-color,40);
|
|
}
|
|
.post-icon {
|
|
float: left;
|
|
vertical-align: top;
|
|
@include media($micro) {
|
|
margin-top: em(0);
|
|
}
|
|
}
|
|
.post-teaser {
|
|
position: relative;
|
|
display: block;
|
|
&:after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba($base-color,0);
|
|
pointer-events: none;
|
|
@include transition(background 0.3s);
|
|
}
|
|
&:hover {
|
|
&:after {
|
|
background: rgba($base-color,0.2);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|