}
body {
- font-family: 'Source Sans Pro';
+ font-family: 'Source Sans Pro', sans-serif;
font-weight: $font-regular;
color: #000;
}
.tab-link {
display: flex !important;
align-items: center;
- height: 30px !important;
+ min-height: 30px !important;
padding: 0 15px;
}
}
}
+@media screen and (max-width: 900px) {
+ .main-col {
+ &, &.expanded {
+ .margin-content {
+ margin-left: 50px;
+ margin-right: 50px;
+ }
+
+ .sub-menu {
+ padding-left: 50px;
+ }
+ }
+ }
+}
+
// On small screen, menu is absolute
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 600px) {
.title-menu-left {
- width: 150px !important;
+ width: 100% !important;
position: absolute !important;
z-index: 10000;
}
&, &.expanded {
.margin-content {
- margin-left: 10px;
- margin-right: 10px;
+ margin-left: 15px;
+ margin-right: 15px;
}
.sub-menu {
- padding-left: 10px;
+ padding-left: 15px;
margin-bottom: 10px;
}
}
}
}
+
+ bs-dropdown-container {
+ z-index: 10000;
+ }
}