mirror of
https://github.com/ae-utbm/sith.git
synced 2024-11-22 14:13:21 +00:00
pedagogy: enhance mobile view
This commit is contained in:
parent
c8a691044f
commit
2c5385cf5c
@ -1795,7 +1795,7 @@ $pedagogy-white-text: #f0f0f0;
|
||||
grid-template-rows: 100%;
|
||||
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-rows: 100% 100%;
|
||||
grid-template-areas: "stars" "comment";
|
||||
@ -1821,7 +1821,7 @@ $pedagogy-white-text: #f0f0f0;
|
||||
color: $pedagogy-white-text;
|
||||
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;
|
||||
}
|
||||
}
|
||||
@ -1846,7 +1846,7 @@ $pedagogy-white-text: #f0f0f0;
|
||||
grid-template-rows: 156px 1fr;
|
||||
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-rows: 100% 100%;
|
||||
grid-template-areas: "grade grade-stars" "uv-infos uv-infos";
|
||||
|
Loading…
Reference in New Issue
Block a user