77 lines
1.2 KiB
SCSS
77 lines
1.2 KiB
SCSS
|
// pop up keyboard
|
||
|
|
.popupKeyboard {
|
||
|
|
position: relative;
|
||
|
|
overflow-x: hidden;
|
||
|
|
padding-top: 11rem;
|
||
|
|
.popupKeyboard_hParent {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popupKeyboard_heading {
|
||
|
|
>h1{
|
||
|
|
font-size: 9rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:1200px) {
|
||
|
|
.popupKeyboard {
|
||
|
|
.popupKeyboard_heading {
|
||
|
|
>h1{
|
||
|
|
font-size: 5rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media (max-width:768px) {
|
||
|
|
.controlPanel{
|
||
|
|
padding-bottom: 100px;
|
||
|
|
}
|
||
|
|
.popupKeyboard {
|
||
|
|
|
||
|
|
.popupKeyboard_heading {
|
||
|
|
padding: 1rem;
|
||
|
|
>h1{
|
||
|
|
|
||
|
|
font-size: 3rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
.popupKeyboard_des {
|
||
|
|
padding: 1rem;
|
||
|
|
font-size: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popupKeyboard_hParent {
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:576px) {
|
||
|
|
.popupKeyboard {
|
||
|
|
|
||
|
|
.popupKeyboard_heading {
|
||
|
|
padding: 1rem;
|
||
|
|
>h1{
|
||
|
|
|
||
|
|
font-size: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.popupKeyboard_des {
|
||
|
|
padding: 2rem;
|
||
|
|
padding-top: 0;
|
||
|
|
font-size: 0.8rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|