Template:Toronto/css/navbar

/*NAVIGATION ------------------------------------------------------------------**/ .navigation {

 display: flex;
 flex-direction: row;
 align-items: center;
 background: blue;
 color: #fff;
 padding: 10px 5%;

}

1. logo, #navigation {

 display: flex;

}

1. logo {

 flex: 1;
 justify-content: center;
 padding-bottom: 10px;
 img {
   height: 40px;
 }

}

1. navigation {

 flex: 3;
 justify-content: flex-end;
 display: flex;
 align-items: center;
 ul {list-style-type: circle;}
 li {
   display: inline-block;
   padding: 5px 0.75em 0 0.75em;
   margin-top: 5px;
 }

}

1. navbarSearch {

 padding: 0 0.75em;
 input {
   padding: 5px 10px;
   border-radius: 50px 50px;
   border: 1px solid pink;
   color: #fff;
   width: 100%;
   background: blue;
 }
 input::-webkit-input-placeholder {
   color: pink;
 }

}