Layer Header 1 CSS

layer-header1.css

/* LAYER HEADER */

// 1st Level
.header {
  background-color: $ss-white;
  /* height should be about 126px at mobile and 156 on desktop */
  height: calc(120px + 1vw);
  transition: margin-top .4s ease-in-out;
}

.mat-icon.back-icon {
  color: $ss-black-blue;
  width: 31px;
  height: 31px;
}

.close-layer {
  cursor: pointer;
  width: 58px;
}

.close-layer:hover {
  background-color: rgba(108, 132, 149, .1);
}

.header .divider.mat-divider.mat-divider-vertical {
  border-right-color: $ss-light-blue;
  border-right-width: 2px;
}

.mat-icon.comp-icon {
  width: calc(55px + 2vw);
  height: calc(55px + 2vw);
}

// Get rid of the unusual padding-bottom on search within header
.header .search-container {
  margin-bottom: -15px;
}

.header .title {
  line-height: 28px;
}