argos/dmp-frontend/src/app/ui/navbar/navbar.component.scss

90 lines
1.3 KiB
SCSS
Raw Normal View History

$mat-card-header-size: 40px !default;
2019-05-10 13:12:45 +02:00
.my-mat-card-avatar {
2019-05-10 13:12:45 +02:00
height: $mat-card-header-size;
width: $mat-card-header-size;
border-radius: 50%;
flex-shrink: 0;
}
2019-04-30 17:59:19 +02:00
.progress-bar {
top: 80px;
2019-04-30 17:59:19 +02:00
left: 0;
width: 100%;
position: fixed;
z-index: 4;
2019-04-30 17:59:19 +02:00
}
2019-05-10 13:12:45 +02:00
.fixed-navbar {
position: fixed;
z-index: 1000;
height: 80px;
display: flex;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
opacity: 1;
top: 0;
left: 0;
right: 0;
}
.logo {
width: 98px;
height: 37px;
margin-top: 15px;
margin-left: 5px;
}
.faq-title {
text-align: left;
font: Bold 15px/18px "Roboto";
letter-spacing: 0px;
color: #000000;
opacity: 1;
cursor: pointer;
}
.faq-title:hover {
color: #23bcba;
}
.lang {
opacity: 0.8;
}
.hamburger {
display: inline-block;
cursor: pointer;
padding: 0.4rem 1.5rem 0rem;
}
.icon-bar1,
.icon-bar2,
.icon-bar3 {
width: 18px;
height: 2px;
background-color: #333;
margin: 3px 0;
transition: 0.4s;
}
.change .icon-bar1 {
-webkit-transform: rotate(-45deg) translate(-3px, 3px);
transform: rotate(-45deg) translate(-3px, 3px);
}
.change .icon-bar2 {
opacity: 0;
}
.change .icon-bar3 {
-webkit-transform: rotate(45deg) translate(-4px, -4px);
transform: rotate(45deg) translate(-4px, -4px);
2019-05-10 13:12:45 +02:00
}
2020-02-18 12:34:17 +01:00
::ng-deep.lang-parent {
width: fit-content !important;
min-width: auto !important;
}