FarisaRahmaSari_E31222327/public/assets/scss/_responsive.scss

117 lines
1.7 KiB
SCSS

/* ==============
Responsive
===================*/
@media (max-width: 620px) {
.mo-mb-2 {
margin-bottom: 10px;
}
.mo-mt-2 {
margin-top: 10px !important;
}
.ex-pages{
padding: 24px 0px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body {
overflow-x: hidden;
}
}
@media (max-width: 768px) {
body {
overflow-x: hidden;
}
.topbar-left {
width: 70px !important;
span {
display: none !important;
}
i {
display: block !important;
line-height: 70px !important;
}
}
.navbar-custom {
margin-left: 70px !important;
}
.topbar .topbar-left {
height: 70px;
}
.content-page {
margin-left: 0 !important;
}
.content-page{
.content{
padding: 0px;
}
}
.enlarged .left.side-menu {
margin-left: -70px;
}
.footer {
left: 0 !important;
}
}
@media (max-width: 480px) {
.side-menu {
z-index: 10 !important;
}
.button-menu-mobile {
display: block;
}
.navbar-custom {
margin-left: 0 !important;
}
.account-page-full{
&.wrapper-page {
width: 100%;
position: relative;
}
}
}
@media (max-width: 419px) {
.topbar-left {
width: 70px !important;
}
.content-page {
margin-left: 70px;
}
.enlarged {
.side-menu.left {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}
}
.topbar-left {
display: none;
}
}
@media (min-width: 768px){
.enlarged {
.slimscroll-menu {
overflow: inherit !important;
}
}
}