Commit 62422e88 authored by Danilo Woznica's avatar Danilo Woznica

fix(Blog): Fix grid

parent 54fbc897
......@@ -145,14 +145,33 @@
// Featured
//
.blog__featured {
@media screen and (min-width: $tablet) {
display: grid;
grid-gap: 2em;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
@include flexbox();
@include flex-wrap(wrap);
@include justify-content(space-between);
> a {
max-width: 32%;
a:first-child {
grid-row: 1/3;
&:first-child {
max-width: 66%;
}
}
@media screen and (min-width: $tablet) {
@supports (display: grid) {
display: grid;
grid-gap: 2em;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
a {
max-width: 100%;
&:first-child {
grid-row: 1/3;
max-width: 100%;
}
}
}
}
}
......@@ -207,22 +226,57 @@ body.category {
}
.blog__category {
@media screen and (min-width: $tablet) {
display: grid;
grid-gap: 2em;
grid-template-columns: repeat(3, 1fr);
@include flexbox();
@include flex-wrap(wrap);
@include justify-content(space-between);
> a {
max-width: 32%;
a:first-child {
grid-row: 1/3;
&:first-child {
max-width: 66%;
}
}
@media screen and (min-width: $tablet) {
@supports (display: grid) {
display: grid;
grid-gap: 2em;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
a {
max-width: 100%;
&:first-child {
grid-row: 1/3;
max-width: 100%;
}
}
}
}
}
.blog__category--no-highlight {
@include flexbox();
@include flex-wrap(wrap);
@include justify-content(space-between);
> a {
max-width: 32%;
}
@media screen and (min-width: $tablet) {
display: grid;
grid-gap: 2em;
grid-template-columns: repeat(3, 1fr);
@supports (display: grid) {
display: grid;
grid-gap: 2em;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
a {
max-width: 100%;
}
}
}
}
......
......@@ -119,7 +119,7 @@
text-align: center;
line-height: 1;
opacity: 0;
@include transform-origin: 50% 100%;
@include transform-origin(50% 100%);
&:after {
content: "";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment