mobile media queries
This commit is contained in:
@@ -12,6 +12,9 @@
|
|||||||
@include responsive(tab_port) {
|
@include responsive(tab_port) {
|
||||||
height: 38rem;
|
height: 38rem;
|
||||||
}
|
}
|
||||||
|
@include responsive(phone) {
|
||||||
|
height: 50rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
&__container {
|
&__container {
|
||||||
@@ -29,7 +32,11 @@
|
|||||||
@include responsive(tab_medium) {
|
@include responsive(tab_medium) {
|
||||||
background: linear-gradient(90deg, rgba(0, 0, 0, 0.966) 65%, transparent);
|
background: linear-gradient(90deg, rgba(0, 0, 0, 0.966) 65%, transparent);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include responsive(phone) {
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -73,6 +80,10 @@
|
|||||||
width: 95%;
|
width: 95%;
|
||||||
color: rgba(255, 255, 255, 0.877);
|
color: rgba(255, 255, 255, 0.877);
|
||||||
}
|
}
|
||||||
|
@include responsive(phone) {
|
||||||
|
padding-top: 1rem;
|
||||||
|
font-size: 1.7rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__btn {
|
&__btn {
|
||||||
|
|||||||
Reference in New Issue
Block a user