header.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. header{
  2. padding: 0 3rem;
  3. height: 130px;
  4. div {
  5. height: inherit;
  6. }
  7. }
  8. #block-popsu-colloque-branding{
  9. width: 100%;
  10. position: relative;
  11. z-index: 999;
  12. padding:0;
  13. & > div {
  14. & > a{
  15. display: inline-block;
  16. position: relative;
  17. img{
  18. width: 100%;
  19. height: 100%;
  20. object-fit: contain;
  21. }
  22. }
  23. }
  24. }
  25. #block-mainnavigation{
  26. width: auto;
  27. border-left: 1px solid $color1;
  28. padding-bottom: 1rem;
  29. display: flex;
  30. align-items: flex-end;
  31. ul{
  32. flex-wrap: nowrap;
  33. li{
  34. padding: 0 1rem;
  35. &:not(:last-child){
  36. border-right: 1px solid $col_black;
  37. }
  38. a{
  39. white-space: nowrap;
  40. }
  41. }
  42. }
  43. }
  44. .site_setting_entity{
  45. img{
  46. width: 50%;
  47. height: auto;
  48. }
  49. }
  50. header.front{
  51. #block-popsu-colloque-branding{
  52. width: 100%;
  53. position: relative;
  54. z-index: 999;
  55. padding: 1rem 0 0 0;
  56. & > div {
  57. & > a{
  58. display: inline-block;
  59. height: 8rem;
  60. max-height: 150px;
  61. position: relative;
  62. img{
  63. width: auto;
  64. height: 100%;
  65. object-fit: contain;
  66. }
  67. }
  68. }
  69. }
  70. }