124 lines
2.2 KiB
SCSS
124 lines
2.2 KiB
SCSS
.mobile-main-heading-hide {
|
|
position: fixed;
|
|
top: 65px;
|
|
left: 0px;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 420px;
|
|
z-index: 999;
|
|
transition-property: all;
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: linear;
|
|
visibility: hidden;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
.mobile-main-heading-show {
|
|
position: fixed;
|
|
top: 65px;
|
|
left: 0px;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 420px;
|
|
z-index: 999;
|
|
transition-property: all;
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: linear;
|
|
visibility: visible;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
.mobile-heading-wrapper {
|
|
position: fixed;
|
|
top: 65px;
|
|
right: 0px;
|
|
background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
|
|
width: 0px;
|
|
height: 461px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
transition-property: width;
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: linear;
|
|
border: 1px solid blue;
|
|
z-index: 999;
|
|
}
|
|
|
|
.mobile-heading-wrapper1 {
|
|
position: fixed;
|
|
top: 65px;
|
|
right: 0px;
|
|
background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
|
|
width: 430px;
|
|
height: 461px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
transition-property: width;
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: linear;
|
|
z-index: 999;
|
|
border: 1px solid blue;
|
|
}
|
|
|
|
.mobile-heading-wrap {
|
|
position: relative;
|
|
margin: 0px 10px;
|
|
margin-top: 7px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mobile-info-box {
|
|
height: 440px;
|
|
background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
|
|
}
|
|
|
|
.mobile-heading-link-wrap {
|
|
width: 330px;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
margin: 50px 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
.mobile-heading-link-box {
|
|
margin-top: 10px;
|
|
padding-top: 2px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mobile-heading-links {
|
|
padding-top: 15px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.mobile-lower {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-top: 20px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.mobile-border-div {
|
|
text-align: center;
|
|
border-bottom: 1px solid var(--grayish-violet);
|
|
width: 280px;
|
|
}
|
|
|
|
.mobile-heading-close {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mobile-heading-close {
|
|
color: #888888;
|
|
font-weight: bold;
|
|
font-size: 3em;
|
|
float: right;
|
|
}
|
|
|
|
.ks-mobile_heading_submenu_links {
|
|
width: 100%;
|
|
}
|