src/wolnelektury/static/2022/styles/layout/_navigation.scss

   1 .l-navigation {
   2   max-width: 100%;
   3   margin: 0 auto;
   4   background-color: #083F4D;
   5   padding: 12px 0;
   6   display: flex;
   7   align-items: center;
   8   justify-content: space-between;
   9
  10   .l-container {
  11     display: flex;
  12     align-items: center;
  13     justify-content: space-between;
  14   }
  15 }
  16
  17 .l-navigation__button {
  18   appearance: none;
  19   border: 0;
  20   background: 0;
  21   padding: 0;
  22   margin: 0;
  23   outline: 0;
  24 }
  25
  26 .l-naviagion__search {
  27   width: 60%;
  28   max-width: 580px;
  29   margin-left: 60px;
  30   margin-right: auto;
  31
  32   input {
  33     font-family: $base-font;
  34     font-size: 18px;
  35     font-style: italic;
  36     border: 0;
  37     padding: 10px;
  38     border-radius: 52px;
  39     width: 100%;
  40     max-width: 580px;
  41     outline: 0;
  42   }
  43 }
  44
  45 .l-navigation__actions {
  46   display: flex;
  47   align-items: center;
  48   justify-content: center;
  49
  50   .icon-liked {
  51     color: #85C7CC;
  52     font-size: 30px;
  53     margin-right: 25px;
  54   }
  55 }