pedagogy: enhance mobile view

This commit is contained in:
Antoine Bartuccio 2019-07-07 21:03:27 +02:00
parent c8a691044f
commit 2c5385cf5c
Signed by: klmp200
GPG Key ID: E7245548C53F904B

View File

@ -1795,7 +1795,7 @@ $pedagogy-white-text: #f0f0f0;
grid-template-rows: 100%; grid-template-rows: 100%;
grid-template-areas: "stars comment"; grid-template-areas: "stars comment";
@media screen and (max-width: $small-devices){ @media screen and (max-width: $medium-devices){
grid-template-columns: 100%; grid-template-columns: 100%;
grid-template-rows: 100% 100%; grid-template-rows: 100% 100%;
grid-template-areas: "stars" "comment"; grid-template-areas: "stars" "comment";
@ -1821,7 +1821,7 @@ $pedagogy-white-text: #f0f0f0;
color: $pedagogy-white-text; color: $pedagogy-white-text;
clip-path: polygon(0 0%, 0 100%, 30% 100%, 33% 0); clip-path: polygon(0 0%, 0 100%, 30% 100%, 33% 0);
@media screen and (max-width: $small-devices){ @media screen and (max-width: $medium-devices){
clip-path: none; clip-path: none;
} }
} }
@ -1846,7 +1846,7 @@ $pedagogy-white-text: #f0f0f0;
grid-template-rows: 156px 1fr; grid-template-rows: 156px 1fr;
grid-template-areas: "grade grade-stars uv-infos" ". . uv-infos"; grid-template-areas: "grade grade-stars uv-infos" ". . uv-infos";
@media screen and (max-width: $small-devices){ @media screen and (max-width: $medium-devices){
grid-template-columns: 150px 100px; grid-template-columns: 150px 100px;
grid-template-rows: 100% 100%; grid-template-rows: 100% 100%;
grid-template-areas: "grade grade-stars" "uv-infos uv-infos"; grid-template-areas: "grade grade-stars" "uv-infos uv-infos";