basic menu

This commit is contained in:
Bálint Szekeres
2019-10-14 00:50:02 +02:00
parent 8d00aaa686
commit 879a63d315
3 changed files with 62 additions and 14 deletions

View File

@@ -73,19 +73,44 @@ body.layout-do {
.menu {
padding: 10px 0;
.logo {
background-color: #e5e5e5;
border-radius: 3px;
width: 47px;
height: 47px;
position: relative;
margin-right: 20px;
.navbar {
padding: 0;
svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-45%, -50%);
.navbar-brand {
display: inline-block;
background-color: #e5e5e5;
border-radius: 3px;
width: 47px;
height: 47px;
position: relative;
margin-right: 20px;
svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-45%, -50%);
}
}
.nav-item {
font-size: 14px;
line-height: 24px;
font-weight: 600;
margin-right: 30px;
&.active {
font-size: 24px;
font-weight: 700;
.nav-link {
color: #99a1b3;
}
}
.nav-link {
color: #031b4e;
}
}
}
}

View File

@@ -16,7 +16,7 @@
@import '../../../node_modules/bootstrap/scss/input-group';
@import '../../../node_modules/bootstrap/scss/custom-forms';
@import '../../../node_modules/bootstrap/scss/nav';
// @import '../../../node_modules/bootstrap/scss/navbar';
@import '../../../node_modules/bootstrap/scss/navbar';
@import '../../../node_modules/bootstrap/scss/card';
// @import '../../../node_modules/bootstrap/scss/breadcrumb';
// @import '../../../node_modules/bootstrap/scss/pagination';